[Bug] Componentes sem estilo no Storybook (Next.js 14 e Storybook 8)

Olá pessoal, boa tarde,

Eu comecei essa aula hoje, só que optei por utilizar as versões mais modernas do Next.js (v14) e do Storybook (v8).

Só que na parte em que o globals.css é importado no ./storybook/preview.ts as classes aplicadas não estavam colocando os estilos no storie do componente criado.

Depois de muito pesquisar, encontrei essa issue no repositório do storiebook (https://github.com/storybookjs/storybook/issues/26869) e finalmente depois de algumas horas quebrando a cabeça achei a "solução":

1. Renomear o arquivo postcss.config.mjs para postcss.config.cjs;
2. No arquivo postcss.config.cjs renomeado, trocar a útima linha de exportação de export default config; para module.exports = config;
3. Atualizar o arquivo tsconfig.json, em include, que é um array, adicionar o valor "**/*.cjs" para passar a ver a nova extensão que foi trocada.

Lembrando que identifiquei esse problema usando as versões estáveis mais atuais do Next,js (v14.2.3), Storybook (v8.0.9) e o Tailwind (v3.4.1)

Espero ajudar vocês a não ficar tanto tempo sem entender o que está acontecendo para os componentes terem estilo no Next mas sem estilo no Storybook.

Obrigada, Bons estudos!