Cannot disable preflight in TW 4

[noctivityinc]

Im using tailwindcss v4.0.17 with a ruby 3.3.8 app and rails 7.2

I cant use tailwindcss v4.1.17 because it hangs on build.

Anyway, since v4 of TW they removed the tailwind.config.js support, I am having to move to things like this:

@import "tailwindcss" prefix(tw) important;

Which is weird but fine. However, I can't seem to find a command to turn preflight OFF in v4. How would I do that with this gem?

[patriciomacadden]

Hi @noctivityinc , you can turn if off by importing all tailwind parts separately except preflight, a explained in the docs.

[noctivityinc]

@patriciomacadden close. I played around and got this working with everything:

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

The removal of the config file is definitely causing some head scratching!

[patriciomacadden]

awesome! glad it worked! 😄

And I agree, it was definitively a big change for everyone!