この変更が意味すること
Tailwind CSS v4.3.1が2026年6月12日にリリースされました。v4.3.0に続くパッチリリースで、--silentオプションの追加とNode.js 26+での非推奨警告の修正が主な内容です。
実務的に影響が大きいのは @apply でCSSミックスインが使えるようになった点と、@container クエリでの not-* 否定の修正です。破壊的変更はなく、安全にアップデートできます。
主な変更点
追加: --silent オプション（@tailwindcss/cli）
@tailwindcss/cli に --silent オプションが追加されました。CI環境やスクリプト実行時に出力を抑制したい場合に利用できます。
npx @tailwindcss/cli --silent -i input.css -o output.css
修正: Node 26+ での非推奨警告解消
Node.js 26以降で Module#register が非推奨となったため、Module#registerHooks を使用するように変更されました。Node 26+環境でTailwind CSSを使用している場合、これまで表示されていた非推奨警告が解消されます。
修正: @apply でのCSSミックスイン対応
@apply ディレクティブがCSSミックスイン（@mixin / @include相当の記述）と組み合わせて使えるようになりました。カスタムCSSとTailwindユーティリティの混在するケースで、記述の柔軟性が向上します。
修正: not-* による @container クエリの否定
not-* バリアントが @container クエリ（style(…) クエリを含む）を正しく否定できるように修正されました。コンテナクエリを活用したレスポンシブデザインで意図通りのスタイルが適用されます。
修正: drop-shadow-* のカスタムシャドウでのcalc()対応
drop-shadow-* カラーユーティリティが、calc(…) を含むカスタムシャドウ値でも正しく動作するようになりました。
修正: @tailwindcss/vite のSourcemap警告解消
@tailwindcss/vite を使用する場合に表示されていた「Sourcemap is likely to be incorrect」警告が修正されました。Viteとの組み合わせでの開発体験が改善されます。
修正: プラグインユーティリティのクラッシュ防止
Canonicalizationフェーズで、プラグインが未サポートの値に対して例外をスローしてもクラッシュしないように修正されました。
EOL / サポート状況
| サイクル | 最新バージョン | ステータス | EOL日 |
|---|---|---|---|
| 4.3 | 4.3.1 | active | — |
| 4.2 | 4.2.4 | EOL | 2026-05-08 |
| 4.1 | 4.1.18 | EOL | 2026-02-18 |
| 4.0 | 4.0.17 | EOL | 2025-04-01 |
| 3.4 | 3.4.19 | active (v3-lts) | 2027-02-28 |
v4.2以前は既にEOLです。v4系を使用中の場合は4.3へのアップグレードを検討してください。なお、v3.4はv3-ltsタグで引き続きサポートされています。
開発者への影響
- Node.js 26+環境を使用している場合: 非推奨警告が解消されます。アップデート推奨
@applyとCSSミックスインを組み合わせて使用している場合: 今まで動作しなかったケースが修正されますnot-*バリアントで@containerクエリを使用している場合: 正しく否定が適用されるようになります@tailwindcss/vite利用者: Sourcemap警告が解消されます--silentフラグをCIで使いたかった場合: 今回から利用可能になりました
アップデート方法
# npm
npm install tailwindcss@4.3.1
# yarn
yarn add tailwindcss@4.3.1
# pnpm
pnpm add tailwindcss@4.3.1
# @tailwindcss/vite も合わせてアップデート
npm install tailwindcss@4.3.1 @tailwindcss/vite@4.3.1
データソース: GitHub Releases API, endoflife.date, npm Registry
AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。