fix ::backdrop inheritance issue for older browsers

sumup-oss · Dec 13, 2024 · 038e54e · 038e54e
1 parent 52e06c7
commit 038e54e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/design-tokens/scripts/build.ts b/packages/design-tokens/scripts/build.ts
@@ -48,15 +48,15 @@ function main(): void {
       {
         type: 'tokens',
         tokens: [...light, ...shared],
-        selectors: [':root'],
+        selectors: [':root, ::backdrop'],
         colorScheme: 'light',
       },
     ],
     'dark': [
       {
         type: 'tokens',
         tokens: [...dark, ...shared],
-        selectors: [':root'],
+        selectors: [':root, ::backdrop'],
         colorScheme: 'dark',
       },
     ],
@@ -80,13 +80,13 @@ function main(): void {
       {
         type: 'tokens',
         tokens: [...light, ...shared],
-        selectors: [':root'],
+        selectors: [':root, ::backdrop'],
         colorScheme: 'light',
       },
       {
         type: 'tokens',
         tokens: dark,
-        selectors: ['@media (prefers-color-scheme: dark)', ':root'],
+        selectors: ['@media (prefers-color-scheme: dark)', ':root, ::backdrop'],
         colorScheme: 'dark',
       },
       {