Tailwind CSS v4 : ce qui change vraiment pour les devs

Fini le fichier tailwind.config.js

La configuration se fait maintenant directement dans le CSS :

@import "tailwindcss";

@theme {
  --color-brand: oklch(62% 0.19 250);
  --font-display: "Space Grotesk", sans-serif;
}

Variables CSS comme tokens

Toutes les valeurs du thème sont exposées comme variables CSS :

.ma-carte {
  background: var(--color-surface);
  padding: var(--spacing-6);
}

Performance

Le nouveau moteur basé sur Lightning CSS est notablement plus rapide. Sur ce portfolio, le build CSS passe de 800ms à 120ms.

Ce que je retiens

v4 est une évolution dans la bonne direction : moins de config, plus de CSS natif, meilleure intégration avec les outils modernes.