Does multiple import of Tailwind has any impact on Final Build ?

[Blair2004]

So i'm upgrading my app to TW4, i have this following structure:

app.css
light.css

Initially, i was setting both as input on Vite configuration. So i though I'll just have to load Tailwindcss on app.css and reference app.css on light.css to have @apply and other stuff working. It appeared that, when i do so, any custom variant I'm adding to light.css doesn't works as a utility:

light.css

@theme {
    --color-gold: var( --color-yellow-500);
}

I couldn't use text-gold on my components, however, i can create a class that @apply text-gold. It was working but means I'll have to much rewriting. So, i was thinking about importing (@import "tailwindcss") on both app.css and light.css and no longer set both as input on vite, but rather import app.css on light.css, on built, I've checked on the output if Tailwind was imported twice, it appeared that no, but I'm not sure if :

• My finding is correct
• Is there any way of doing what I'm intending more cleanly?

thanks