Tailwind v4 dark variant — Safari 17.4 이하에서만 깨집니다 | 커뮤니티

Tailwind v4로 업그레이드 후 다크모드가 일부 사용자에게서 안 보입니다. 조사해보니 Safari 17.4 이하에서 깨집니다. 17.5 이상은 정상.

설정:

/* app.css */
@import "tailwindcss";

@variant dark (&:where(.dark, .dark *));

HTML에는 <html class="dark"> 토글하고 있습니다. Chrome/Edge/Firefox는 잘 동작. Safari 17.4에서만 다크 클래스가 들어가도 dark: prefix가 적용 안 됩니다.

:where() 안에서 다른 element 셀렉터 조합이 Safari 17.4의 CSS parser 버그라는 얘기를 들었는데 정확한 우회 방법을 모르겠습니다.