Tailwind v4의 100배 빠른 빌드 속도와 Native CSS 회귀 현상 분석

Context

Utility-first CSS 모델을 통한 스타일링 파편화 해결과 개발 생산성 향상이 주류였으나, HTML 마크업의 가독성 저하와 인지 부하 증가라는 한계 직면. 최근 Native CSS의 기능 확장으로 인해 프레임워크 의존성 없이도 Cascade 제어가 가능해진 환경 조성.

Technical Solution

• Oxide 엔진 도입을 통한 풀 빌드 3.5배 및 증분 빌드 100배 이상의 속도 최적화
• JS 기반 설정을 CSS @theme 지시어로 전환하여 Design Token을 Native CSS Custom Properties로 직접 관리
• PostCSS 의존성 제거 및 Native Cascade Layers 적용으로 스타일 우선순위 제어 구조 최적화
• Container Queries 및 :has() 등 최신 CSS 표준 기능을 내부적으로 통합하여 추상화 계층 제공
• CSS-first 설정 구조를 통한 런타임 시 JavaScript와의 데이터 바인딩 효율성 증대