How to make all the classes important by default

[himanshu634]

Hi,

I'm currently migrating my project from Tailwind CSS v3 to v4. In v3, I was using the important: true option in the tailwind.config.js file to apply !important to all utility classes globally. However, I’ve noticed that this option has been removed in v4.

Is there a recommended workaround to achieve the same effect in Tailwind CSS v4?

Thanks in advance for your help!

[wongjn]

You can add the important tag to the Tailwind import:

@import "tailwindcss" important;

[himanshu634]

Thanks, For the answer !

[himanshu634]

Is there documentation for this kind of syntax?

[wongjn]

Yes, see https://tailwindcss.com/docs/styling-with-utility-classes#using-the-important-flag.