Use package syntax highlighter

Author: floscr

package-lock.json

@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.2.4",
-    "@tokens-studio/tokenscript-interpreter": "^0.5.4",
+    "@tokens-studio/tokenscript-interpreter": "^0.5.6",
     "@tsconfig/docusaurus": "^2.0.3",
     "@types/mdast": "^4.0.4",
     "@types/node": "^22.13.4",

package.json

@@ -10,7 +10,7 @@ import {
 } from '@tokens-studio/tokenscript-interpreter';
 import Prism from 'prismjs';
 import 'prismjs/components/prism-json';
-import tokenscriptLanguage from '@site/src/theme/prism-tokenscript';
+import { tokenscriptLanguage } from '@tokens-studio/tokenscript-interpreter/syntax-highlighting';
 import OutputPanel from './OutputPanel';
 import styles from './styles.module.css';
 import './prism-tokenscript-theme.css';

src/components/TokenScriptCodeBlock/index.tsx

@@ -1,5 +1,5 @@
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
-import tokenscriptLanguage from './prism-tokenscript';
+import { tokenscriptLanguage } from '@tokens-studio/tokenscript-interpreter/syntax-highlighting';
 
 const prismIncludeLanguages = (PrismObject) => {
   // Always register tokenscript language (works in both SSR and browser)