Twinkle

https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.0.0-alpha.25

追加

• JS設定ファイルで定義されたaria、supports、dataバリアントのサポートを追加
• @tailwindcss/upgradeツールを追加
• JS設定ファイルでscreensのサポートを追加
• 放射状および円錐状グラデーション用のbg-radial-*およびbg-conic-*ユーティリティを追加
• シャドウカラーをリセットするための新しいshadow-initialおよびinset-shadow-initialユーティリティを追加
• field-sizing-*ユーティリティを追加
• カラー遷移にグラデーションカラーのプロパティを含める
• 実験的: @applyのためのCSSコードモッドを追加
• 実験的: @tailwindディレクティブの移行のためのCSSコードモッドを追加
• 実験的: @layer utilitiesおよび@layer componentsの移行のためのCSSコードモッドを追加

修正

• theme()関数内でドット表記を使用する際にborderRadius.*を--radius-*のエイリアスとしてサポート
• グループからの個々のバリアントが同じグループからのスタックされたバリアントよりも常に早くソートされるようにする
• 任意の値でanchor-size(…)を許可
• 無効なtheme()呼び出しを持つ候補をスキップ
• --inset-shadow-*および--inset-ring-*テーマ値のためのinset-*ユーティリティを生成しない
• transition-*ユーティリティ出力に--default-transition-*変数を含める
• rtlおよびltrバリアントが[dir=auto]で動作することを確認

変更

• フォントサイズを上書きする際に明示的なleading-*、tracking-*、およびfont-{weight}値を保持
• コアユーティリティおよびバリアントで負の裸値を禁止
• シャドウサイズを上書きする際に明示的なシャドウカラーを保持
• 遷移プロパティを上書きする際に明示的な遷移時間およびタイミング関数を保持
• 初期ビルドを高速化するために@import解決の実装を変更
• 自動var(…)挿入を削除
• @media (hover: hover)をサポートするデバイスでのみ:hover状態を適用