Avoid scss color dependency on :focus (#1647)

Co-authored-by: Paweł Kuna <[email protected]>

.changeset/stupid-dingos-train.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Avoid SCSS color dependency on `:focus`

src/scss/_variables.scss

@@ -486,8 +486,6 @@ $focus-ring-width: 0.25rem !default;
 $focus-ring-opacity: 0.25 !default;
 $focus-ring-color: rgba(var(--#{$prefix}primary-rgb), $focus-ring-opacity) !default;
 $focus-ring-blur: 0 !default;
-$focus-ring-border-color: rgba(var(--#{$prefix}primary-rgb), 50%) !default;
-$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
 
 // Transitions
 $transition-time: 0.3s !default;

src/scss/mixins/_mixins.scss

@@ -60,9 +60,9 @@
 
 @mixin focus-ring($show-border: false) {
   outline: 0;
-  box-shadow: $focus-ring-box-shadow;
+  box-shadow: 0 0 $focus-ring-blur $focus-ring-width rgba(var(--tblr-primary-rgb), 0.25);
 
   @if($show-border) {
-    border-color: $focus-ring-border-color;
+    border-color: rgba(var(--tblr-primary-rgb), 0.25);
   }
 }