fix: storybook workspace issues

tools/ui-components/.storybook/main.js

@@ -3,7 +3,14 @@ module.exports = {
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-postcss'
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          implementation: require('postcss')
+        }
+      }
+    }
   ],
   typescript: {
     check: false,
@@ -14,5 +21,8 @@ module.exports = {
       propFilter: prop =>
         prop.parent ? !/node_modules/.test(prop.parent.fileName) : true
     }
+  },
+  core: {
+    builder: 'webpack5'
   }
 };

tools/ui-components/package.json

@@ -31,9 +31,12 @@
     "@rollup/plugin-commonjs": "19.0.2",
     "@rollup/plugin-node-resolve": "13.0.6",
     "@storybook/addon-actions": "6.4.4",
+    "@storybook/addon-docs": "6.4.4",
     "@storybook/addon-essentials": "6.4.4",
     "@storybook/addon-links": "6.4.4",
     "@storybook/addon-postcss": "2.0.0",
+    "@storybook/builder-webpack5": "6.4.4",
+    "@storybook/manager-webpack5": "6.4.4",
     "@storybook/react": "6.4.4",
     "@testing-library/jest-dom": "5.15.1",
     "@testing-library/react": "12.1.2",