fix(angular): update tokens reference

libs/components/theme/theme.scss

@@ -1,8 +1,9 @@
-@use '../../tokens/_generated/_index.scss' as variables;
 @use '../src/icon/icon' as icon;
 @use '../src/skeleton/skeleton.styles' as skeleton; // TODO - should be a component for text and block
 @use './mixins' as theme;
 
+@import '@covalent/tokens';
+
 @import '../../icons/covalent-icons.css';
 
 @include icon.core-styles(); // TODO - include future support in icons css
@@ -11,29 +12,29 @@
 // Define the base theme using light tokens w/ dark tokens overriting for prefers-color-scheme:dark
 :root {
   @include theme.components-theme(
-    map-get(variables.$tokens, light),
-    map-get(variables.$tokens, typography)
+    map-get($tokens, light),
+    map-get($tokens, typography)
   );
 
   @media (prefers-color-scheme: dark) {
     @include theme.components-theme(
-      map-get(variables.$tokens, dark),
-      map-get(variables.$tokens, typography)
+      map-get($tokens, dark),
+      map-get($tokens, typography)
     );
   }
 }
 
 // For convience re-define theme tokens scoped to a light/dark class
 .light {
   @include theme.components-theme(
-    map-get(variables.$tokens, light),
-    map-get(variables.$tokens, typography)
+    map-get($tokens, light),
+    map-get($tokens, typography)
   );
 }
 
 .dark {
   @include theme.components-theme(
-    map-get(variables.$tokens, dark),
-    map-get(variables.$tokens, typography)
+    map-get($tokens, dark),
+    map-get($tokens, typography)
   );
 }