fix: rename SCSS layer from 'utils' to 'utilities' for consistency

core/scss/_bootstrap-components.scss

@@ -1,7 +1,14 @@
 // Layout & components
+@layer props {
   @import "bootstrap/scss/root";
+}
+
+@layer reset {
   @import "bootstrap/scss/reboot";
   @import "bootstrap/scss/type";
+}
+
+@layer components {
   @import "bootstrap/scss/images";
   @import "bootstrap/scss/containers";
   @import "bootstrap/scss/grid";
@@ -26,6 +33,9 @@
   @import "bootstrap/scss/spinners";
   @import "bootstrap/scss/offcanvas";
   @import "bootstrap/scss/placeholders";
+}
 
 // Utilities
+@layer utilities {
   @import "bootstrap/scss/utilities/api";
+}

core/scss/_core.scss

@@ -1,10 +1,15 @@
+@layer props, reset, layout, components, themes, vendors, utils;
+
 @import "config";
+
+@layer props {
+  @import "props";
+}
+
 @import "bootstrap-components";
 
-@import "props";
-
+@layer layout {
   @import "fonts/webfonts";
-
   @import "layout/root";
   @import "layout/animations";
   @import "layout/core";
@@ -12,7 +17,9 @@
   @import "layout/page";
   @import "layout/footer";
   @import "layout/dark";
+}
 
+@layer components {
   @import "ui/accordion";
   @import "ui/alerts";
   @import "ui/avatars";
@@ -66,9 +73,10 @@
   @import "ui/offcanvas";
   @import "ui/chat";
   @import "ui/signature";
-
   @import "helpers/index";
+}
 
+@layer utilities {
   @import "utils/background";
   @import "utils/colors";
   @import "utils/scroll";
@@ -76,8 +84,4 @@
   @import "utils/opacity";
   @import "utils/shadow";
   @import "utils/text";
-
-@import "debug";
-
-
-@import "debug";
+}

core/scss/_debug.scss

@@ -1,49 +0,0 @@
-$debug: false;
-
-@if $debug {
-  $colors: (
-    "blue": $blue,
-    "azure": $azure,
-    "indigo": $indigo,
-    "purple": $purple,
-    "pink": $pink,
-    "red": $red,
-    "orange": $orange,
-    "yellow": $yellow,
-    "lime": $lime,
-    "green": $green,
-    "teal": $teal,
-    "cyan": $cyan,
-  );
-
-  @each $name, $color in $colors {
-    @debug ("#{$name}: '#{$color}'");
-    @debug ("#{$name}-100: '#{tint-color($color, 8)}'");
-    @debug ("#{$name}-200: '#{tint-color($color, 6)}'");
-    @debug ("#{$name}-300: '#{tint-color($color, 4)}'");
-    @debug ("#{$name}-400: '#{tint-color($color, 2)}'");
-    @debug ("#{$name}-500: '#{$color}'");
-    @debug ("#{$name}-600: '#{shade-color($color, 2)}'");
-    @debug ("#{$name}-700: '#{shade-color($color, 4)}'");
-    @debug ("#{$name}-800: '#{shade-color($color, 6)}'");
-    @debug ("#{$name}-900: '#{shade-color($color, 8)}'");
-  }
-
-  @debug ("gray: '#{$gray-500}'");
-  @debug ("gray-100: '#{$gray-100}'");
-  @debug ("gray-200: '#{$gray-200}'");
-  @debug ("gray-300: '#{$gray-300}'");
-  @debug ("gray-400: '#{$gray-400}'");
-  @debug ("gray-500: '#{$gray-500}'");
-  @debug ("gray-600: '#{$gray-600}'");
-  @debug ("gray-700: '#{$gray-700}'");
-  @debug ("gray-800: '#{$gray-800}'");
-  @debug ("gray-900: '#{$gray-900}'");
-
-  @debug ("border-color: '#{$border-color}'");
-  @debug ("text-secondary: '#{$text-secondary}'");
-
-  @each $name, $color in $social-colors {
-    @debug ("#{$name}: '#{$color}'");
-  }
-}

core/scss/tabler-flags.scss

@@ -1,2 +1,5 @@
 @import "config";
+
+@layer components {
   @import "ui/flags";
+}

core/scss/tabler-marketing.scss

@@ -1,7 +1,7 @@
 @import "config";
-@import "variables";
 @import "utilities-marketing";
 
+@layer components {
   @import "marketing/core";
   @import "marketing/hero";
   @import "marketing/browser";
@@ -9,5 +9,8 @@
   @import "marketing/filters";
   @import "marketing/pricing";
   @import "marketing/shape";
+}
 
+@layer utilities {
   @import "bootstrap/scss/utilities/api";
+}

core/scss/tabler-payments.scss

@@ -1,2 +1,5 @@
 @import "config";
+
+@layer components {
   @import "ui/payments";
+}

core/scss/tabler-socials.scss

@@ -1,2 +1,5 @@
 @import "config";
+
+@layer components {
   @import "ui/social";
+}

core/scss/tabler-themes.scss

@@ -1,5 +1,6 @@
 @import "config";
 
+@layer themes {
   [data-bs-theme-base="slate"] {
     --#{$prefix}gray-50: #f8fafc;
     --#{$prefix}gray-100: #f1f5f9;
@@ -119,3 +120,4 @@
       }
     }
   }
+}

core/scss/tabler-vendors.scss

@@ -1,5 +1,6 @@
 @import "config";
 
+@layer vendors {
   @import "vendor/nouislider";
   @import "vendor/litepicker";
   @import "vendor/tom-select";
@@ -14,3 +15,4 @@
   @import "vendor/typed";
   @import "vendor/turbo";
   @import "vendor/fullcalendar";
+}