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.