Tailwind CSS v4 Migration 🎨
This release marks our successful migration to Tailwind CSS v4, bringing modern CSS features and improved performance.
🎯 Major Highlights
- 🆙 Upgraded to Tailwind CSS v4
- 🎨 Migrated to CSS-based configuration
- 🌓 Enhanced dark mode with new syntax
- ⚡️ Improved performance with native CSS features
🛠 Technical Improvements
Design System
- Migrated from JavaScript to CSS-based configuration
- Enhanced theme system using CSS custom properties
- Updated dark mode to use
@custom-variant dark - Converted SCSS to pure CSS for better compatibility
📦 Package Updates
- @rainbow-me/rainbowkit: 2.2.2 → 2.2.4
- @tanstack/react-query: 5.64.2 → 5.69.2
- @types/node: 22.10.7 → 22.13.14
- @types/react: 19.0.7 → 19.0.12
- @types/react-dom: 19.0.3 → 19.0.4
- eslint: 9.18.0 → 9.23.0
- eslint-config-next: 15.1.5 → 15.2.4
- next: 15.1.5 → 15.2.4
- next-themes: 0.4.4 → 0.4.6
- postcss: 8.5.1 → 8.5.3
- prettier: 3.4.2 → 3.5.3
- react-icons: 5.4.0 → 5.5.0
- sass: 1.83.4 → 1.86.0
- typescript: 5.7.3 → 5.8.2
- wagmi: 2.14.8 → 2.14.15
📝 Breaking Changes
- Removed JavaScript-based Tailwind configuration
- Updated dark mode implementation
- Migrated from SCSS to CSS
🔧 Requirements
- Node.js 18.x or higher
- npm 8.x or higher
- WalletConnect Project ID
📦 Installation
npm install
# or
yarn install
# or
pnpm install