How to disable Preflight with source(none)

[hwkdev]

Hey!

The Preflight documentation says:

By default, this is what @import "tailwindcss"; injects:

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/preflight.css" layer(base);
@import "tailwindcss/utilities.css" layer(utilities);

So we can disable Preflight using:

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);

However, what is the equivalent of @import "tailwindcss" source(none);?
I tried the following, but it doesn't work:

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme) source(none);
@import "tailwindcss/utilities.css" layer(utilities);

Note that using theme(static) to output all variables works tho:

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme) theme(static);
@import "tailwindcss/utilities.css" layer(utilities);

Thanks!

[wongjn]

Try putting source(none) on utilities:

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities) source(none);

[hwkdev]

Awesome, it works! Thanks!

I think the documentation needs some update, as this is some important information. I'll post an issue on the website github.

See related ticket where someone try to apply important and prefiw(tw) without Preflight.