tailwind 4 important setup in css

[miguelski]

I checked the update guide and searched the documentation but i couldn't find the way to migrate from my config.ts to css this configuration

export default {
  important: true,
} satisfies Config;

is that even possible in the new pure css configuration?

[wongjn]

From a test:

tailwindcss/packages/tailwindcss/src/important.test.ts

Lines 34 to 37 in a8c54ac

	// This is the v4 equivalent of `important: true` from v3
	let input = css`
	@import 'tailwindcss/utilities' important;
	`

@layer theme, base, components, utilities;

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

[miguelski]

thanks this seems to make the trick

@import "tailwindcss" important;