Big CLS with .scss files

[waysagency]

Version

@nuxtjs/tailwindcss: "^6.1.3"
nuxt: "3.0.0-rc.12"

What is Expected?

The css should be printed directly in the DOM.

What is actually happening?

The css is renderd in a .css file.

What normally happens without any configuration is that the css is printed into the DOM and imported as a css file.

Now when I use SASS and add this to the configuration, the CSS is not printed to the DOM. This causes huge CLS and weird behavior.

Can someone explain why this is happening and how I can get the CSS printed to the DOM?

Thanks!!

[waysagency]

I just found out that the problem is on the side of Nuxt... css will be printed in the DOM within a style tag. And scss not...

[ineshbose]

It's a decision from the framework to exclude the CSS to have HTML DOM to be of smaller size.
You can read more in #579 and #531 (comment)