vite:css require is not defined

[MrVauxs]

Describe the bug
When attempting to use the plugin in Vite, vite errors during build from the plugin using the require() syntax.

Using commonjsOptions.transformMixedEsModules does not work, presumably since this is outside of Vite's jurisdiction.

To Reproduce
Code sandbox URL (any platform of your choice): TBD

Expected behaviour
The plugin to not block building.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Version 3.7.10
• Node v23.4.0

[MrVauxs]

I am not sure if this is the correct way to go about this, but it removes the error while hopefully keeping the CJS compatibility.

const baseCssPath = typeof require !== 'undefined'
        ? require.resolve('tailwindcss/lib/css/preflight.css')
        : new URL('../../tailwindcss/lib/css/preflight.css', import.meta.url);

[Roman86]

hi @MrVauxs ! Please see #63 , seems very similar to me. I have StackBlitz sandbox that works. Please provide yours if it doesn't help

[MrVauxs]

By the looks of it, Stackblitz is hard-locked to Node v18 which is far behind current usage and you cannot update it.

Nonetheless, it seems that this issue may be related to tailwindlabs/tailwindcss#15374?

[Roman86]

@MrVauxs great point, I guess you're right. Try updating to v3.4.17 as mentioned in that thread recently

[MrAlex94]

FWIW, using this tailwind 4 + astro 5 example, this error shows up.