change classes prefix

Author: BenOsodrac

core/scripts/tokens/index.mjs

@@ -24,9 +24,6 @@ const {
 } = utils;
 import StyleDictionary from 'style-dictionary';
 
-// Set the prefix for variables and classes
-setPrefixValue('token');
-
 // Register a custom file header
 StyleDictionary.registerFileHeader({
   name: 'custom-header',
@@ -41,6 +38,9 @@ StyleDictionary.registerFormat({
   format: function ({ dictionary }) { // Use 'format' for Style Dictionary v3
     console.log('Generating SCSS variables...');
 
+    // Set the prefix for variables
+    setPrefixValue('token');
+
     const primitiveProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'primitives');
     const scaleProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'scale');
     const borderProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'border');
@@ -94,6 +94,9 @@ StyleDictionary.registerFormat({
   format: function ({ dictionary }) { // Use 'format' for Style Dictionary v3
     console.log('Generating Utility-Classes...');
 
+    // Set the prefix for classes
+    setPrefixValue('ion');
+
     // Arrays to store specific utility classes
     const typographyUtilityClasses = [];
     const otherUtilityClasses = [];