UI
Tailwind CSS v4, CSS 우선 설정과 디자인 토큰
@theme와 @plugin으로 테마를 한 파일에서 관리하는 흐름이 정착 중입니다. 디자인 시스템 팀과의 협업 포인트를 정리했습니다.
한 줄 정리
설정 파일 중심에서 CSS 우선으로 옮겨가며, 토큰과 변형(variant)을 더 명시적으로 다루게 됩니다.
디자인 시스템 관점에서
- 토큰 단일 출처 — 색·타이포·간격을
globals.css또는 전용 레이어에 모아 두기 쉬워집니다. - 점진적 도입 — 기존 유틸 클래스와 병행하며 섹션 단위로 이전 가능합니다.
- 빌드 파이프라인 — PostCSS 플러그인 구성만 맞추면 대부분의 Next 템플릿과 잘 맞습니다.
참고 자료
- 공식 문서의 Upgrade guide
- 팀 위키에 컴포넌트별 허용 유틸 목록을 적어 두면 리뷰가 빨라집니다.