Migration from Pre-Winden 2.9

Winden before 2.9.0 with Tailwind 4

If you are updating from Winden version smaller then v2.9.0 and you are using Tailwind v4 you do not need to do anything.

Winden before 2.9.0 with Tailwind 3

If you are updating from Winden version smaller then v2.9.0 and you are using Tailwind v3 you will be prompted with code that you need to replace.

@tailwind base;
@tailwind components;
@tailwind utilities;

If you started your Style tab with Tailwind v3, it will contain CSS that needs to be replaced with the new Tailwind v4 import. Tailwind has changed the way its files are included, so the old v3 syntax is no longer compatible.

@layer theme, base, components, utilities;

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

After that you are safe to save are recompile output.css.

After this your compiled css file will be updated to TailwindCSS v4.