(feat): Add postcss support to webpack storybooks

[ShaunEvening]

What changed

• Add support to add PostCSS into the webpack build

How to test

• Have a postcss.config.js file

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

• Import your global tailwind css file into .storybook/preview.js
• Run yarn add -D @storybook/addon-styling@0.2.0-canary.3.524da34.0
• Register the addon in .storybook/main.js

module.exports = {
  stories: [
    "../stories/**/*.stories.mdx",
    "../stories/**/*.stories.@(js|jsx|ts|tsx)",
  ],
  addons: [
    "@storybook/addon-essentials",
+   {
+     name: "@storybook/addon-styling",
+     options: {
+       postCss: true,
+     },
+   },
  ],
};

• start Storybook

Still failed? what was your error?

📦 Published PR as canary version: 0.2.0-canary.3.524da34.0

✨ Test out this PR locally via:

npm install @storybook/addon-styling@0.2.0-canary.3.524da34.0
# or 
yarn add @storybook/addon-styling@0.2.0-canary.3.524da34.0

[ShaunEvening]

If you test this and it works for you, comment below to let me know the framework and storybook version you tried it on.

If it doesn't work, comment below to let me know the framework and storybook version you tried it on along with the error information that you got.

Thank you for your help, friends 🙏