この変更が意味すること
Tailwind CSS v4.2.2 は 4.2 系列のパッチリリースです。最も注目すべきは @tailwindcss/vite における Vite 8 のサポートです。Vite 8.0.0 が安定版としてリリースされている中、Tailwind CSS のビルドパイプラインとの互換性が確保されました。
加えて、プロトタイププロパティ名（row-constructor 等）を含むクラス名でクラッシュする問題や、calc(var(--spacing)*…) 式の正規化、@property ルールを含むユーティリティでのクラッシュなど、安定性に関わる複数のバグ修正が含まれています。
主な変更点
Vite 8 サポート
@tailwindcss/vite プラグインが Vite 8 に対応しました。Vite 8 にアップグレード済みのプロジェクトでも Tailwind CSS のビルドが正常に動作します。
PR: #19790
プロトタイププロパティ名でのクラッシュ修正
row-constructor のような JavaScript のプロトタイププロパティと名前が衝突するクラス名を使用した場合にクラッシュする問題が修正されました。
PR: #19725
calc() 式の正規化改善
calc(var(--spacing)*…) のような式が --spacing(…) に正しく正規化されるようになりました。スペーシングユーティリティの生成が安定します。
PR: #19769
@property ルールを含むユーティリティのクラッシュ修正
shadow-sm border のような、@property アットルールを含むユーティリティの正規化ステップでクラッシュする問題が修正されました。
PR: #19727
サーバーオンリーモジュールのフルリロード回避
@tailwindcss/vite 使用時、クライアント CSS でスキャンされたサーバーオンリーモジュールによるフルリロードをスキップするようになりました。HMR のパフォーマンスが向上します。
PR: #19745
bare値の正規化改善
デフォルトのスペーシングスケールを超える bare 値（例: w-1234 h-1234）が size-1234 のように正しく正規化されるよう改善されました。
PR: #19809
EOL / サポート状況
| サイクル | 最新バージョン | EOL |
|---|---|---|
| 4.2 | 4.2.2 | - |
| 4.1 | 4.1.18 | 2026-02-18 (EOL済) |
| 4.0 | 4.0.17 | 2025-04-01 (EOL済) |
| 3.4 (LTS) | 3.4.19 | 2027-02-28 |
Tailwind CSS 4.2 が現行の安定版です。4.1 以前は EOL 済みのため、4.2 へのアップグレードを推奨します。3.4 は LTS として 2027年2月までサポートが継続されます。
開発者への影響
- Vite 8 利用者:
@tailwindcss/viteが Vite 8 に対応。Vite 8 へのアップグレードとあわせて Tailwind CSS も更新してください - 独自ユーティリティ利用者: プロトタイププロパティ名や
@propertyルールに関連するクラッシュが解消されます calc()式を使用している場合: スペーシング変数を使った calc 式の正規化が改善されています- SSR 開発者: サーバーオンリーモジュールによる不要なフルリロードが抑制され、HMR が高速化します
アップデート方法
# npm
npm install tailwindcss@4.2.2
# pnpm
pnpm update tailwindcss@4.2.2
# yarn
yarn upgrade tailwindcss@4.2.2
データソース: GitHub Releases API, endoflife.date, npm Registry AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。