fix(tom-select): override --bs- CSS vars with --tblr- equivalents (#2644)

Co-authored-by: terminalchai <213856599+terminalchai@users.noreply.github.com>
Co-authored-by: codecalm <codecalm@gmail.com>

.changeset/fix-tom-select-missing-variables.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed Tom Select dropdown and control styles to use `--tblr-*` CSS variables instead of undefined `--bs-*` references from the bootstrap5 preset.

core/scss/vendor/_tom-select.scss

@@ -49,6 +49,21 @@ $input-border-width: 1px;
   .option {
     padding: $dropdown-item-padding-y $dropdown-item-padding-x;
   }
+
+  // Override TomSelect's bootstrap5 preset which references --bs- vars not available in Tabler (#2600)
+  .active {
+    background-color: var(--#{$prefix}active-bg);
+    color: var(--#{$prefix}body-color);
+  }
+
+  .active.create {
+    color: var(--#{$prefix}body-color);
+  }
+
+  .optgroup-header {
+    background: var(--#{$prefix}bg-surface);
+    color: var(--#{$prefix}body-color);
+  }
 }
 
 .ts-control,
@@ -73,8 +88,13 @@ $input-border-width: 1px;
 
 .ts-wrapper.disabled .ts-control {
   opacity: 1;
+  background-color: var(--#{$prefix}secondary-bg);
 
   & > div.item {
     color: var(--#{$prefix}gray-500);
   }
 }
+
+.ts-wrapper.full .ts-control {
+  background-color: var(--#{$prefix}body-bg);
+}