Tailwind CSS v4 e aici și nu mai e doar un upgrade minor — e o rescriere completă. Dacă ai folosit Tailwind v3, pregătește-te pentru câteva schimbări majore.
Ce s-a schimbat:
1. Config inline în CSS — în loc de tailwind.config.ts, configurezi direct în CSS cu @theme
2. Performanță drastic îmbunătățită — engine-ul nou e construit pe Lightning CSS și e de 10x mai rapid
3. CSS-first — nu mai ai nevoie de PostCSS, e suficient @tailwindcss/postcss
4. Variante noi — @custom-variant în loc de variante personalizate în config
Cum arată acum:
```css
@import "tailwindcss";
@theme inline {
--color-brand: oklch(0.75 0.15 70);
--font-display: "Syne", sans-serif;
}
@custom-variant dark (&:is(.dark *));
```
Probleme de migrare:
- @apply încă funcționează dar e recomandat să-l eviți
- Tema se definește exclusiv în CSS, nu în JS
- Plugin-urile custom trebuie rescrise
- Variantele hover:, focus:) sunt mai stricte
De ce merită să migrezi: Build-urile sunt semnificativ mai rapide, bundle-ul mai mic, și configurarea temelor e mult mai naturală (OKLCH în loc de HEX/RGB).