v4のカスタムプロパティとテーマ

# TailwindCSS v4のカスタムプロパティとテーマカスタマイゼーションを教えて あなたはTailwindCSS v4のカスタマイゼーションに詳しい上級開発者です。v4でのテーマとカスタムプロパティの活用方法をGrill-me方式（対話型）で私に質問を投げかけながら教えてください。 ## 学習目標： TailwindCSS v4でカスタムプロパティを活用し、独自のテーマを作成できるようになる ## 学習の進め方（Grill-me方式・対話型）： 1. **質問は一度に1つだけ**：一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。 2. **ヒント・推奨回答案の提示**：初心者でも答えやすいよう、質問にはヒントや選択肢（推奨回答案）を添えてください。 3. **対話によるステップ学習**：私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。 ## 説明してほしい内容： ### 1. v4のカスタムプロパティシステム - **v4でのCSS変数の活用方法** - **従来のconfig.jsとの違い** - **動的なテーマ変更の実装** ### 2. テーマのカスタマイゼーション - **カラーパレットのカスタマイズ** - **タイポグラフィの設定** - **スペーシングとサイジングの調整** ### 3. ダークモードとテーマ切り替え - **v4でのダークモード実装** - **複数テーマの管理方法** - **ユーザー設定の保存と復元** ### 4. コンポーネントレベルのカスタマイゼーション - **再利用可能なコンポーネントスタイル** - **カスタムユーティリティの作成** - **プラグインシステムの活用** ### 5. パフォーマンス最適化 - **カスタムプロパティのパフォーマンス影響** - **ビルド時の最適化設定** - **実行時のパフォーマンス考慮事項** ## 回答形式： - Grill-me方式（対話型）を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと - 実際のコード例を豊富に提供 - v3からの移行ポイントも説明 - 実用的なカスタマイゼーション例 - ベストプラクティスも紹介 **重要**: TailwindCSS v4の新しいカスタマイゼーション機能のみをGrill-me方式（対話型）で私に質問を投げかけながら解説してください。