Add support for PostCSS 8

[Yash-Singh1]

See RyanClementsHax/storybook-addon-next#7. PostCSS 8 is not supported yet as the addon specifies 7.0.x in the package.json. A solution could be to use peerDependencies to support PostCSS v7 and v8.

[kylesuss]

See https://github.com/storybookjs/addon-postcss#postcss-8 for instructions on how to use with PostCSS 8+

[dimitrisnl]

It might be functional, but without the explicit peerDependencies NPM@8 will go crazy

[prateekj16]

This is not working even after adding postcss8 configuration in main.js.
getting error for import { logger } from '@storybook/node-logger';
SyntaxError: Cannot use import statement outside a module

Also I am using it in the project with Tech stack Tailwindcss3, postcss8, storybook, react with typescript.
I have imported the tailwindcss-3 css file in preview.js

[mandado]

I getting the same error of @prateekj16

[tecbeast42]

same here

[janeszelag]

Same! Similar stack: tailwindcss 3, postcss 8, storybook, react 18. The build for Storybook works locally despite the error but only if I have the 3.0.0-alpha.1 version of this plugin. If I downgrade to 2.0.0 it breaks things...

[prateekj16]

Same! Similar stack: tailwindcss 3, postcss 8, storybook, react 18. The build for Storybook works locally despite the error but only if I have the 3.0.0-alpha.1 version of this plugin. If I downgrade to 2.0.0 it breaks things...

@janeszelag I am facing the error with 3.0 alpha. Also I am using yarn to run storybook

[pvandamme]

Same here, see tailwindlabs/tailwindcss#6570 (comment) for a temporary solution ! 😃 Worked just fine for me

[DarioRega]

I had the same problem, after looking around i found a quick fix was to downgrade to 2.x , see here storybookjs/storybook#18727