Tailwind CSS v4 : ce qui change vraiment dans le quotidien du dev

Tailwind v4 est sorti en début d’année avec une réécriture complète du moteur. Lightning CSS remplace PostCSS, la syntaxe évolue avec @theme et @source. Mais qu’est-ce que ça change concrètement pour les équipes ?

Le nouveau pipeline de compilation

Le passage à Lightning CSS se traduit par des temps de build divisés par 5 en moyenne. Sur un projet de taille moyenne, on passe de 800ms à 160ms. C’est le changement le plus immédiatement perceptible au quotidien.

@theme : la nouvelle façon de définir ses tokens

@theme {
  --color-primary: #7c3aed;
  --font-sans: "Inter", system-ui;
}

Les variables définies dans @theme génèrent automatiquement les utilitaires Tailwind correspondants. text-primary, bg-primary — tout est disponible sans configuration supplémentaire.

La migration

La migration n’est pas automatique, mais elle est moins douloureuse qu’anticipé. Le codesmod officiel couvre 90 % des cas. Les 10 % restants concernent principalement les configurations avancées de plugins.

Verdict : une mise à jour qui vaut la peine d’être faite dès maintenant, surtout sur les nouveaux projets.