Storybook 7(rc8) with Tailwind

[RafalFilipek]

Hello there,

I'm having trouble setting up Tailwind with @storybook/nextjs. I followed the documentation and have configured the Tailwind config, but it appears that the styles are not being applied when I have the line import "./styles.css"; in my preview.ts file.

However, I found that the issue can be resolved by changing the import statement to

import s from "./styles.css"; 
console.log(s);

This appears to be a problem with tree shaking or some similar issue.

Could you please suggest a solution to resolve this issue? Thank you.

My env:

@storybook/addon-essentials": "7.0.0-rc.8",
"@storybook/addon-interactions": "7.0.0-rc.8",
"@storybook/addon-links": "7.0.0-rc.8",
"@storybook/addon-styling": "1.0.0-next.1",
"@storybook/blocks": "7.0.0-rc.8",
"@storybook/nextjs": "7.0.0-rc.8",
"@storybook": "7.0.0-rc.8",
"@tailwindcss": "3.2.7",