fix(lynx-css): refresh text color on theme change

Lynx does not re-resolve inline-style var() when the theme changes
(only rule-based var() is tracked for style invalidation), so <text>
color set via an inline var() stays stale after a theme switch. Add a
global `text { background-color: var(--seed-color-bg-transparent) }`
rule whose rule-based var() recalculation forces an element re-paint
that also refreshes the inline color. bg-transparent has alpha 0 in
both themes, so there is no visual side effect.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: junghyeonsu

.changeset/swift-pandas-grin.md

@@ -0,0 +1,5 @@
+---
+"@seed-design/lynx-css": patch
+---
+
+Lynx에서 테마(라이트/다크) 전환 시 텍스트 색상이 갱신되지 않던 문제를 수정합니다.

packages/lynx-css/all.css

@@ -1,3 +1,7 @@
+text {
+  background-color: var(--seed-color-bg-transparent);
+}
+
 .seed-icon, .seed-prefix-icon, .seed-suffix-icon {
   flex-shrink: 0;
   justify-content: center;

packages/lynx-css/all.min.css

@@ -1,3 +1,7 @@
+text {
+  background-color: var(--seed-color-bg-transparent);
+}
+
 .seed-icon, .seed-prefix-icon, .seed-suffix-icon {
   flex-shrink: 0;
   justify-content: center;

packages/lynx-css/base.css

@@ -1,6 +1,17 @@
 import { defineGlobalCss } from "./utils/define";
 
 export const globalCss = defineGlobalCss({
+  // Lynx theme color update workaround.
+  // SEED <text> renders `color` via an inline-style var(), but the Lynx engine does
+  // not re-resolve inline var() when the theme changes — only rule-based var() is
+  // tracked for style invalidation. Setting a theme-dependent transparent background
+  // (--seed-color-bg-transparent: light #0000 / dark #fff0) through a type selector
+  // (a CSS rule) forces an element re-paint on theme change, which also refreshes the
+  // inline `color`. alpha is 0 in both themes, so there is no visual side effect.
+  // ⚠️ Do NOT set background-color on <text> elsewhere — use class-based styling.
+  text: {
+    backgroundColor: "var(--seed-color-bg-transparent)",
+  },
   ".seed-icon, .seed-prefix-icon, .seed-suffix-icon": {
     display: "flex",
     alignItems: "center",