Tailwind v4 marque une rupture architecturale avec les versions précédentes. CSS-first configuration, nouveau moteur de compilation, intégration native des custom properties — ce que ça change en pratique.
Tailwind CSS v4 abandonne le fichier de configuration JavaScript (tailwind.config.js) au profit d'une configuration
directement en CSS. C'est un changement de paradigme important. On définit maintenant ses tokens de design avec des
custom properties CSS natives dans une directive @theme, ce qui rend la configuration lisible dans n'importe quel
éditeur sans outillage spécifique. L'intégration avec les outils de design (Figma tokens, Style Dictionary) devient plus
naturelle.
Le nouveau moteur Oxide, réécrit en Rust, apporte des gains de performance considérables. Les temps de compilation sont divisés par 5 à 10 selon la taille du projet. En développement, le HMR est quasi-instantané même sur de grandes bases de code. La détection des classes utilisées est aussi plus intelligente — elle analyse le CSS généré plutôt que de se contenter du scanning de fichiers texte.
Les autres nouveautés notables : les CSS Cascade Layers utilisées nativement pour éviter les conflits de
spécificité, le support natif de @starting-style pour les animations d'entrée, et la suppression du préfixe sur de
nombreux utilitaires. La migration depuis v3 est facilitée par un outil de codemod automatique, mais quelques
ajustements manuels restent nécessaires notamment pour la configuration des couleurs et les plugins personnalisés. Une
version majeure qui vaut le coup d'adopter sur les nouveaux projets dès aujourd'hui.