[v4] How to disable "preflight" while using "prefix"?

[chenkuangkuang]

I use vite to configure tailwind. According to the documentation, I have made the following settings:

@import "tailwindcss" prefix(tw);

Then I want to disable "preflight", but the documentation tells me to do this:

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

• @import "tailwindcss/preflight.css" layer(base);
  @import "tailwindcss/utilities.css" layer(utilities);

How are the above two configurations compatible?

[adamwathan]

Hey! This should do what you want:

https://play.tailwindcss.com/RBgk7fFeQa?file=css

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