Tailwind CSS v4, konfigürasyon yaklaşımını köklü biçimde değiştiriyor. Artık tailwind.config.js yerine CSS-first konfigürasyon kullanılıyor.

CSS-First Konfigürasyon

tailwind.config.js artık gerekli değil. Tüm custom tokenlar globals.css içindeki @theme {} bloğunda tanımlanıyor.

Yeni @theme Syntax

@theme {
  --color-brand: #1D4ED8;
  --font-sans: "Inter", system-ui;
}

Vite Plugin

Tailwind CSS v4, Vite için optimize edilmiş yeni bir plugin ile geliyor. Build süreleri v3'e kıyasla çok daha hızlı.

v3'ten Migration

@tailwindcss/upgrade CLI aracı, konfigürasyonunuzu otomatik olarak dönüştürüyor. Çoğu durum için çalışsa da manuel kontrol gerekebilir.