Problem tailwindcss v4 with "normalize.css/normalize.css"

[alireza-asgharii]

After updating my project to version 4 of Tiliwand, I noticed that tags like h1 and ... had a margin, even though I didn't put anything like that on the tag.
I even tested it in a new, raw project and found that removing the normalize package solved the problem.

[wongjn]

You shouldn't really use Normalize with Tailwind CSS, since Tailwind has its own "normalizing" CSS. Otherwise, if you really do want to use Normalize, consider @importing it in a specific @layer in a specific order. Perhaps something like:

@layer theme, base, components, utilities;

@import "tailwindcss/theme.css" layer(theme);

/* Play with the order of these two to get what you want. */
@import "normalize.css/normalize.css" layer(base);
@import "tailwindcss/preflight.css" layer(base);

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