From 809eb331a3a7a85aa06cfe52b97e568b73945797 Mon Sep 17 00:00:00 2001
From: Bartek <xbartoszdobija@gmail.com>
Date: Thu, 1 Oct 2026 14:59:18 +0200
Subject: [PATCH] Fix dangling `--tblr-*-text` tokens and raise the
 `tabler-props.min.css` size budget

Emit `--{color}-text` only for theme and palette colors, use the plain color for social buttons and `.bg-white-lt`, and raise the `tabler-props.min.css` limit from 3.7 kB to 3.8 kB for the new tokens.
---
 core/package.json            | 4 ++--
 core/scss/_props.scss        | 4 +++-
 core/scss/ui/_buttons.scss   | 2 +-
 core/scss/utils/_colors.scss | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/core/package.json b/core/package.json
index 47ecf575f..f64cf00e9 100644
--- a/core/package.json
+++ b/core/package.json
@@ -152,7 +152,7 @@
       },
       {
         "path": "./dist/css/tabler-props.min.css",
-        "maxSize": "3.7 kB"
+        "maxSize": "3.8 kB"
       },
       {
         "path": "./dist/css/tabler-props.rtl.css",
@@ -160,7 +160,7 @@
       },
       {
         "path": "./dist/css/tabler-props.rtl.min.css",
-        "maxSize": "3.7 kB"
+        "maxSize": "3.8 kB"
       },
       {
         "path": "./dist/css/tabler-socials.css",
diff --git a/core/scss/_props.scss b/core/scss/_props.scss
index 11e1e8518..00761b5ef 100644
--- a/core/scss/_props.scss
+++ b/core/scss/_props.scss
@@ -45,7 +45,9 @@
   @each $name, $color in map.merge($theme-colors, $social-colors) {
     --#{$name}: #{$color};
     --#{$name}-fg: #{if(sass(contrast-ratio($color) >= $min-contrast-ratio): var(--light); else: var(--dark))};
-    --#{$name}-text: #{if(sass($name == 'light'): $color; else: text-color-on($color, $text-surface, $text-min-contrast-ratio))};
+    @if not map.has-key($social-colors, $name) {
+      --#{$name}-text: #{if(sass($name == 'light'): $color; else: text-color-on($color, $text-surface, $text-min-contrast-ratio))};
+    }
     --#{$name}-darken: #{adjust-lightness-css(var(--#{$name}), -6%)};
     --#{$name}-lt: color-mix(in oklab, var(--#{$name}) 10%, transparent);
     --#{$name}-200: color-mix(in oklab, var(--#{$name}) 20%, transparent);
diff --git a/core/scss/ui/_buttons.scss b/core/scss/ui/_buttons.scss
index 6e807128b..6c938f0ed 100644
--- a/core/scss/ui/_buttons.scss
+++ b/core/scss/ui/_buttons.scss
@@ -116,7 +116,7 @@ $btn-colors: map.keys(map.merge($theme-colors, $social-colors));
   .btn-ghost-#{$color} {
     --btn-variant: var(--#{$color});
     --btn-variant-fg: var(--#{$color}-fg);
-    --btn-variant-text: var(--#{$color}-text);
+    --btn-variant-text: var(--#{$color}#{if(sass(map.has-key($social-colors, $color)): ''; else: '-text')});
     --btn-variant-darken: var(--#{$color}-darken);
   }
 }
diff --git a/core/scss/utils/_colors.scss b/core/scss/utils/_colors.scss
index 8398a86bb..638bf6f0e 100644
--- a/core/scss/utils/_colors.scss
+++ b/core/scss/utils/_colors.scss
@@ -17,7 +17,7 @@
   }
 
   .bg-#{'' + $color}-lt {
-    color: color-transparent(var(--#{$color}-text), calc(var(--text-opacity, 1) * 100%)) !important;
+    color: color-transparent(var(--#{$color}#{if(sass('#{$color}' == 'white'): ''; else: '-text')}), calc(var(--text-opacity, 1) * 100%)) !important;
     background-color: color-transparent(var(--#{$color}-lt), calc(var(--bg-opacity, 1) * 100%)) !important;
   }