fix: update customFileHeader during tokens build (#3371)

Author: adamstankiewicz

styles/css/core/custom-media-breakpoints.css

@@ -1,6 +1,6 @@
 /**
- * Do not edit directly, this file was auto-generated. while transforming design tokens.
- * See <root>/tokens/README.md for more details.
+ * Do not edit directly, this file was auto-generated.
+ * See <PARAGON_ROOT>/tokens/README.md for more details.
  */
 
 @custom-media --pgn-size-breakpoint-min-width-xs (min-width: 0px);

styles/css/core/variables.css

@@ -1,6 +1,6 @@
 /**
- * Do not edit directly, this file was auto-generated. while transforming design tokens.
- * See <root>/tokens/README.md for more details.
+ * Do not edit directly, this file was auto-generated.
+ * See <PARAGON_ROOT>/tokens/README.md for more details.
  */
 
 :root {

styles/css/themes/light/utility-classes.css

@@ -1,6 +1,6 @@
 /**
- * Do not edit directly, this file was auto-generated. while transforming design tokens.
- * See <root>/tokens/README.md for more details.
+ * Do not edit directly, this file was auto-generated.
+ * See <PARAGON_ROOT>/tokens/README.md for more details.
  */
 
 .bg-accent-a {

styles/css/themes/light/variables.css

@@ -1,6 +1,6 @@
 /**
- * Do not edit directly, this file was auto-generated. while transforming design tokens.
- * See <root>/tokens/README.md for more details.
+ * Do not edit directly, this file was auto-generated.
+ * See <PARAGON_ROOT>/tokens/README.md for more details.
  */
 
 :root {

tokens/style-dictionary.js

@@ -410,8 +410,8 @@ const initializeStyleDictionary = async ({ themes }) => {
   StyleDictionary.registerFileHeader({
     name: 'customFileHeader',
     fileHeader: (defaultMessage) => [
-      `${defaultMessage} while transforming design tokens.`,
-      'See <root>/tokens/README.md for more details.',
+      `${defaultMessage}`,
+      'See <PARAGON_ROOT>/tokens/README.md for more details.',
     ],
   });