feat(theme): added utility CSS classes for all theme tokens for both …

…`color` and `background-color` styles separately

src/lib/core/styles/theme/index.scss

@@ -34,6 +34,20 @@
   }
 }
 
+///
+/// Generates utility classes for each theme token as both `color` and `background-color` styles separately.
+/// 
+@mixin classes {
+  @each $token, $value in tokens.$tokens {
+    .#{config.$prefix}-color--#{$token} {
+      color: #{variable($token)};
+    }
+    .#{config.$prefix}-background--#{$token} {
+      background-color: #{variable($token)};
+    }
+  }
+}
+
 ///
 /// Gets a CSS custom property declaration for a specific theme token, with its token value as the fallback value
 /// 

src/lib/theme/forge-theme.scss

@@ -17,3 +17,6 @@
 * {
   @include scrollbar.base;
 }
+
+// Utility classes for all theme tokens
+@include theme.classes;