diff --git a/.env b/.env
index f4619b5aa..eb423b5c8 100644
--- a/.env
+++ b/.env
@@ -45,3 +45,5 @@ ENABLE_CHECKLIST_QUALITY=''
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
 # "Multi-level" blocks are unsupported in libraries
 LIBRARY_UNSUPPORTED_BLOCKS="conditional,step-builder,problem-builder"
+# Fallback in local style files
+PARAGON_THEME_URLS={}
diff --git a/.env.development b/.env.development
index a0adf0c06..4d3c937e5 100644
--- a/.env.development
+++ b/.env.development
@@ -48,3 +48,5 @@ ENABLE_CHECKLIST_QUALITY=true
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
 # "Multi-level" blocks are unsupported in libraries
 LIBRARY_UNSUPPORTED_BLOCKS="conditional,step-builder,problem-builder"
+# Fallback in local style files
+PARAGON_THEME_URLS={}
diff --git a/.env.test b/.env.test
index 3d2f1c08c..2f66ab211 100644
--- a/.env.test
+++ b/.env.test
@@ -41,3 +41,4 @@ ENABLE_CHECKLIST_QUALITY=true
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
 # "Multi-level" blocks are unsupported in libraries
 LIBRARY_UNSUPPORTED_BLOCKS="conditional,step-builder,problem-builder"
+PARAGON_THEME_URLS=
diff --git a/package-lock.json b/package-lock.json
index 920e50f7c..890996d5c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,7 +24,7 @@
         "@edx/frontend-component-footer": "^14.9.0",
         "@edx/frontend-component-header": "^6.2.0",
         "@edx/frontend-enterprise-hotjar": "^7.2.0",
-        "@edx/frontend-platform": "^8.3.1",
+        "@edx/frontend-platform": "^8.4.0",
         "@edx/openedx-atlas": "^0.7.0",
         "@openedx-plugins/course-app-calculator": "file:plugins/course-apps/calculator",
         "@openedx-plugins/course-app-edxnotes": "file:plugins/course-apps/edxnotes",
@@ -38,7 +38,7 @@
         "@openedx-plugins/course-app-xpert_unit_summary": "file:plugins/course-apps/xpert_unit_summary",
         "@openedx/frontend-build": "^14.5.0",
         "@openedx/frontend-plugin-framework": "^1.7.0",
-        "@openedx/paragon": "^22.16.0",
+        "@openedx/paragon": "^23.5.0",
         "@redux-devtools/extension": "^3.3.0",
         "@reduxjs/toolkit": "1.9.7",
         "@tanstack/react-query": "4.36.1",
@@ -86,7 +86,7 @@
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.2.0",
         "@testing-library/user-event": "^13.2.1",
-        "@types/lodash": "^4.17.7",
+        "@types/lodash": "^4.17.17",
         "axios-mock-adapter": "1.22.0",
         "eslint-import-resolver-webpack": "^0.13.8",
         "fetch-mock-jest": "^1.5.1",
@@ -1962,6 +1962,215 @@
       "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
       "license": "MIT"
     },
+    "node_modules/@bundled-es-modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-Rk453EklPUPC3NRWc3VUNI/SSUjdBaFoaQvFRmNBNtMHVtOFD5AntiWg5kEE1hqcPqedYFDzxE3ZcMYPcA195w==",
+      "license": "ISC",
+      "dependencies": {
+        "deepmerge": "^4.3.1"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob": {
+      "version": "10.4.2",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/glob/-/glob-10.4.2.tgz",
+      "integrity": "sha512-740y5ofkzydsFao5EXJrGilcIL6EFEw/cmPf2uhTw9J6G1YOhiIFjNFCHdpgEiiH5VlU3G0SARSjlFlimRRSMA==",
+      "hasInstallScript": true,
+      "license": "ISC",
+      "dependencies": {
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "glob": "^10.4.2",
+        "patch-package": "^8.0.0",
+        "path": "^0.12.7",
+        "stream": "^0.0.3",
+        "string_decoder": "^1.3.0",
+        "url": "^0.11.3"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/@bundled-es-modules/memfs": {
+      "version": "4.17.0",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/memfs/-/memfs-4.17.0.tgz",
+      "integrity": "sha512-ykdrkEmQr9BV804yd37ikXfNnvxrwYfY9Z2/EtMHFEFadEjsQXJ1zL9bVZrKNLDtm91UdUOEHso6Aweg93K6xQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "assert": "^2.1.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "memfs": "^4.17.0",
+        "path": "^0.12.7",
+        "stream": "^0.0.3",
+        "util": "^0.12.5"
+      }
+    },
+    "node_modules/@bundled-es-modules/memfs/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/@bundled-es-modules/memfs/node_modules/memfs": {
+      "version": "4.17.0",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz",
+      "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/json-pack": "^1.0.3",
+        "@jsonjoy.com/util": "^1.3.0",
+        "tree-dump": "^1.0.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      }
+    },
+    "node_modules/@bundled-es-modules/postcss-calc-ast-parser": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.6.tgz",
+      "integrity": "sha512-y65TM5zF+uaxo9OeekJ3rxwTINlQvrkbZLogYvQYVoLtxm4xEiHfZ7e/MyiWbStYyWZVZkVqsaVU6F4SUK5XUA==",
+      "license": "ISC",
+      "dependencies": {
+        "postcss-calc-ast-parser": "^0.1.4"
+      }
+    },
+    "node_modules/@chevrotain/cst-dts-gen": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.0.3.tgz",
+      "integrity": "sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@chevrotain/gast": "11.0.3",
+        "@chevrotain/types": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/@chevrotain/gast": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.0.3.tgz",
+      "integrity": "sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@chevrotain/types": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/@chevrotain/regexp-to-ast": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.0.3.tgz",
+      "integrity": "sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@chevrotain/types": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.0.3.tgz",
+      "integrity": "sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@chevrotain/utils": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.0.3.tgz",
+      "integrity": "sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@codemirror/autocomplete": {
       "version": "6.18.6",
       "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz",
@@ -1975,9 +2184,9 @@
       }
     },
     "node_modules/@codemirror/commands": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.0.tgz",
-      "integrity": "sha512-q8VPEFaEP4ikSlt6ZxjB3zW72+7osfAYW9i8Zu943uqbKuz6utc1+F170hyLUCUltXORjQXRyYQNfkckzA/bPQ==",
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.1.tgz",
+      "integrity": "sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==",
       "license": "MIT",
       "dependencies": {
         "@codemirror/language": "^6.0.0",
@@ -2593,20 +2802,20 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.3.1.tgz",
-      "integrity": "sha512-pVGjBIt1Y6gg3EJN8jTcfpP/+uuRksIo055oE/OBkDNcjZqVbfkWCksG1Jp4yZnj3iKWyWX8fdG/j6UDYPbFog==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.3.tgz",
+      "integrity": "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.0.1",
+        "@emnapi/wasi-threads": "1.0.2",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
-      "integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
+      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -2614,9 +2823,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.1.tgz",
-      "integrity": "sha512-iIBu7mwkq4UQGeMEM8bLwNK962nXdhodeScX4slfQnRhEMMzvYivHhutCIk8uojvmASXXPC2WNEjwxFWk72Oqw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.2.tgz",
+      "integrity": "sha512-5n3nTJblwRi8LlXkJ9eBzu+kZR8Yxcc7ubakyQTFzPMtIhFpUBRbsnc2Dv88IZDIbCDlBiWrknhB4Lsz7mg6BA==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -2753,9 +2962,9 @@
       "license": "MIT"
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz",
-      "integrity": "sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==",
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.6.1.tgz",
+      "integrity": "sha512-KTsJMmobmbrFLe3LDh0PC2FXpcSYJt/MLjlkh/9LEnmKYLSYmT/0EW9JWANjeoemiuZrmogti0tW5Ch+qNUYDw==",
       "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.4.3"
@@ -2894,9 +3103,9 @@
       "license": "MIT"
     },
     "node_modules/@formatjs/cli": {
-      "version": "6.6.3",
-      "resolved": "https://registry.npmjs.org/@formatjs/cli/-/cli-6.6.3.tgz",
-      "integrity": "sha512-vW9EQdHmxQg/+s9K39ZwKcIyyhmEMHOtsv1KyQFtjv+pbE3XmiB5ohoo4wAx3HDsrufrTsplGnQdQ+KB2wY/bA==",
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/cli/-/cli-6.6.4.tgz",
+      "integrity": "sha512-VSDPsT7AO/mtth1rEBwl97Us5dMgqZpI8v7QJXakB4f90pDJsqHBdBeTbjHYrlFr2WvBLVo3/6mGPw9DeX7PUg==",
       "license": "MIT",
       "bin": {
         "formatjs": "bin/formatjs"
@@ -3222,9 +3431,9 @@
       }
     },
     "node_modules/@formatjs/ts-transformer/node_modules/typescript": {
-      "version": "5.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -3351,6 +3560,102 @@
       "deprecated": "Use @eslint/object-schema instead",
       "license": "BSD-3-Clause"
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -3826,6 +4131,60 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@jsonjoy.com/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pack": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.2.0.tgz",
+      "integrity": "sha512-io1zEbbYcElht3tdlqEOFxZ0dMTYrHz9iMf0gqn1pPjZFTCgM5R4R5IMA20Chb2UPYYsxjzs8CgZ7Nb5n2K2rA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/base64": "^1.1.1",
+        "@jsonjoy.com/util": "^1.1.2",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^1.20.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/util": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz",
+      "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/@leichtgewicht/ip-codec": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
@@ -3870,9 +4229,9 @@
       }
     },
     "node_modules/@lezer/javascript": {
-      "version": "1.4.21",
-      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.21.tgz",
-      "integrity": "sha512-lL+1fcuxWYPURMM/oFZLEDm0XuLN128QPV+VuGtKpeaOGdcl9F2LYC3nh1S9LkPqx9M0mndZFdXCipNAZpzIkQ==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.1.tgz",
+      "integrity": "sha512-ATOImjeVJuvgm3JQ/bpo2Tmv55HSScE2MTPnKRMRIPx2cLhHGyX2VnqpHhtIV1tVzIjZDbcWQm+NCTF40ggZVw==",
       "license": "MIT",
       "dependencies": {
         "@lezer/common": "^1.2.0",
@@ -3890,9 +4249,9 @@
       }
     },
     "node_modules/@lezer/markdown": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.4.2.tgz",
-      "integrity": "sha512-iYewCigG/517D0xJPQd7RGaCjZAFwROiH8T9h7OTtz0bRVtkxzFhGBFJ9JGKgBBs4uuo1cvxzyQ5iKhDLMcLUQ==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.4.3.tgz",
+      "integrity": "sha512-kfw+2uMrQ/wy/+ONfrH83OkdFNM0ye5Xq96cLlaCy7h5UT9FO54DU4oRoIc0CSBh5NWmWuiIJA7NGLMJbQ+Oxg==",
       "license": "MIT",
       "dependencies": {
         "@lezer/common": "^1.0.0",
@@ -3917,21 +4276,21 @@
       "license": "MIT"
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.7.tgz",
-      "integrity": "sha512-5yximcFK5FNompXfJFoWanu5l8v1hNGqNHh9du1xETp9HWk/B/PzvchX55WYOPaIeNglG8++68AAiauBAtbnzw==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.9.tgz",
+      "integrity": "sha512-OKRBiajrrxB9ATokgEQoG87Z25c67pCpYcCwmXYX8PBftC9pBfN18gnm/fh1wurSLEKIAt+QRFLFCQISrb66Jg==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.3.1",
-        "@emnapi/runtime": "^1.3.1",
+        "@emnapi/core": "^1.4.0",
+        "@emnapi/runtime": "^1.4.0",
         "@tybys/wasm-util": "^0.9.0"
       }
     },
     "node_modules/@newrelic/publish-sourcemap": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/@newrelic/publish-sourcemap/-/publish-sourcemap-5.1.3.tgz",
-      "integrity": "sha512-CuHiYXRVU4kDJ4D0nZYVRlRKb8V+s8MFpIyA2D5UBNCOntf/8jv+rxJR1wJ8WYkTio7f+uBKXn/K4GzrhWvKUw==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@newrelic/publish-sourcemap/-/publish-sourcemap-5.1.4.tgz",
+      "integrity": "sha512-35Nm26FxnVi7Nrfrl7nMHObIrHlkCStIPul/fQnru7RBlZIZiYKeGA9eEKBuho1ccoFK783w12nuntSV6wohlg==",
       "license": "New Relic proprietary",
       "dependencies": {
         "superagent": "^10.1.0",
@@ -4285,9 +4644,9 @@
       }
     },
     "node_modules/@openedx/paragon": {
-      "version": "22.20.2",
-      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.20.2.tgz",
-      "integrity": "sha512-4dGRGA/tz5uYebGJn0iLCcGWlvkleCq8WRNtVNWIf1jqzwea2fiVO8qxLNaFvIhpdR/jkzFjgdgY3ftj0rqOgQ==",
+      "version": "23.5.0",
+      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-23.5.0.tgz",
+      "integrity": "sha512-Pb6JvRON/8wfdALy2z3PXyFADYsKbv+NXqL5pkVXr9wlSf2jSe/dcKXy4EgN/wKpUCphShZRQWakbLPWCC78hw==",
       "license": "Apache-2.0",
       "workspaces": [
         "example",
@@ -4297,20 +4656,32 @@
         "dependent-usage-analyzer"
       ],
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.1.1",
-        "@fortawesome/react-fontawesome": "^0.1.18",
         "@popperjs/core": "^2.11.4",
+        "@tokens-studio/sd-transforms": "^1.2.4",
+        "axios": "^0.27.2",
         "bootstrap": "^4.6.2",
         "chalk": "^4.1.2",
         "child_process": "^1.0.2",
+        "chroma-js": "^2.4.2",
         "classnames": "^2.3.1",
+        "cli-progress": "^3.12.0",
+        "commander": "^9.4.1",
         "email-prop-type": "^3.0.0",
         "file-selector": "^0.6.0",
-        "font-awesome": "^4.7.0",
         "glob": "^8.0.3",
         "inquirer": "^8.2.5",
+        "js-toml": "^1.0.0",
         "lodash.uniqby": "^4.7.0",
+        "log-update": "^4.0.0",
         "mailto-link": "^2.0.0",
+        "minimist": "^1.2.8",
+        "ora": "^5.4.1",
+        "postcss": "^8.4.21",
+        "postcss-combine-duplicated-selectors": "^10.0.3",
+        "postcss-custom-media": "^9.1.2",
+        "postcss-import": "^15.1.0",
+        "postcss-map": "^0.11.0",
+        "postcss-minify": "^1.1.0",
         "prop-types": "^15.8.1",
         "react-bootstrap": "^1.6.5",
         "react-colorful": "^5.6.1",
@@ -4323,6 +4694,8 @@
         "react-responsive": "^8.2.0",
         "react-table": "^7.7.0",
         "react-transition-group": "^4.4.2",
+        "sass": "^1.58.3",
+        "style-dictionary": "^4.3.2",
         "tabbable": "^5.3.3",
         "uncontrollable": "^7.2.1",
         "uuid": "^9.0.0"
@@ -4336,28 +4709,34 @@
         "react-intl": "^5.25.1 || ^6.4.0"
       }
     },
-    "node_modules/@openedx/paragon/node_modules/@fortawesome/react-fontawesome": {
-      "version": "0.1.19",
-      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz",
-      "integrity": "sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==",
+    "node_modules/@openedx/paragon/node_modules/axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
       "license": "MIT",
       "dependencies": {
-        "prop-types": "^15.8.1"
-      },
-      "peerDependencies": {
-        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
-        "react": ">=16.x"
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
       }
     },
     "node_modules/@openedx/paragon/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
     },
+    "node_modules/@openedx/paragon/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
     "node_modules/@openedx/paragon/node_modules/glob": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
@@ -4390,6 +4769,34 @@
         "node": ">=10"
       }
     },
+    "node_modules/@openedx/paragon/node_modules/postcss-custom-media": {
+      "version": "9.1.5",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-9.1.5.tgz",
+      "integrity": "sha512-GStyWMz7Qbo/Gtw1xVspzVSX8eipgNg4lpsO3CAeY4/A1mzok+RV6MCv3fg62trWijh/lYEj6vps4o8JcBBpDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/cascade-layer-name-parser": "^1.0.2",
+        "@csstools/css-parser-algorithms": "^2.2.0",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/media-query-list-parser": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
     "node_modules/@openedx/paragon/node_modules/react-responsive": {
       "version": "8.2.0",
       "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-8.2.0.tgz",
@@ -4726,6 +5133,16 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
       "version": "0.5.15",
       "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz",
@@ -4775,9 +5192,9 @@
       }
     },
     "node_modules/@polka/url": {
-      "version": "1.0.0-next.28",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.28.tgz",
-      "integrity": "sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==",
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
       "license": "MIT"
     },
     "node_modules/@popperjs/core": {
@@ -5253,9 +5670,9 @@
       "license": "MIT"
     },
     "node_modules/@testing-library/react": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.2.0.tgz",
-      "integrity": "sha512-2cSskAvA1QNtKc8Y9VJQRv0tm3hLVgxRGDB+KYhIaPQJ1I+RHbhIXcM+zClKXzMes/wshsMVzf4B9vS4IZpqDQ==",
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.0.tgz",
+      "integrity": "sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5311,6 +5728,32 @@
         "react-dom": "^18.0.0 || ^17.0.1 || ^16.7.0"
       }
     },
+    "node_modules/@tokens-studio/sd-transforms": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@tokens-studio/sd-transforms/-/sd-transforms-1.3.0.tgz",
+      "integrity": "sha512-zVbiYjTGWpSuwzZwiuvcWf79CQEcTMKSxrOaQJ0zHXFxEmrpETWeIRxv2IO8rtMos/cS8mvnDwPngoHQOMs1SA==",
+      "license": "MIT",
+      "dependencies": {
+        "@bundled-es-modules/deepmerge": "^4.3.1",
+        "@bundled-es-modules/postcss-calc-ast-parser": "^0.1.6",
+        "@tokens-studio/types": "^0.5.1",
+        "colorjs.io": "^0.5.2",
+        "expr-eval-fork": "^2.0.2",
+        "is-mergeable-object": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "style-dictionary": "^4.3.0 || ^5.0.0-rc.0"
+      }
+    },
+    "node_modules/@tokens-studio/types": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@tokens-studio/types/-/types-0.5.2.tgz",
+      "integrity": "sha512-rzMcZP0bj2E5jaa7Fj0LGgYHysoCrbrxILVbT0ohsCUH5uCHY/u6J7Qw/TE0n6gR9Js/c9ZO9T8mOoz0HdLMbA==",
+      "license": "MIT"
+    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -5360,9 +5803,9 @@
       }
     },
     "node_modules/@types/babel__generator": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
-      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.0.0"
@@ -5679,12 +6122,12 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "22.13.14",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.14.tgz",
-      "integrity": "sha512-Zs/Ollc1SJ8nKUAgc7ivOEdIBM8JAKgrqqUYi2J997JuKO7/tpQC+WCetQ1sypiKCQWHdvdg9wBNpUPEWZae7w==",
+      "version": "22.15.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.2.tgz",
+      "integrity": "sha512-uKXqKN9beGoMdBfcaTY1ecwz6ctxuJAcUlwE55938g0ZJ8lRxwAZqRz2AJ4pzpt5dHdTPMB863UZ0ESiFUcP7A==",
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.20.0"
+        "undici-types": "~6.21.0"
       }
     },
     "node_modules/@types/node-forge": {
@@ -5840,9 +6283,9 @@
       "license": "MIT"
     },
     "node_modules/@types/ws": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.0.tgz",
-      "integrity": "sha512-8svvI3hMyvN0kKCJMvTJP/x6Y/EoQbepff882wL+Sn5QsXb3etnamgrJq4isrBxSJj5L2AuXcI0+bgkoAXGUJw==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
       "license": "MIT",
       "dependencies": {
         "@types/node": "*"
@@ -6100,9 +6543,9 @@
       }
     },
     "node_modules/@unrs/resolver-binding-darwin-arm64": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.3.2.tgz",
-      "integrity": "sha512-ddnlXgRi0Fog5+7U5Q1qY62wl95Q1lB4tXQX1UIA9YHmRCHN2twaQW0/4tDVGCvTVEU3xEayU7VemEr7GcBYUw==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.7.2.tgz",
+      "integrity": "sha512-vxtBno4xvowwNmO/ASL0Y45TpHqmNkAaDtz4Jqb+clmcVSSl8XCG/PNFFkGsXXXS6AMjP+ja/TtNCFFa1QwLRg==",
       "cpu": [
         "arm64"
       ],
@@ -6113,9 +6556,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-darwin-x64": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.3.2.tgz",
-      "integrity": "sha512-tnl9xoEeg503jis+LW5cuq4hyLGQyqaoBL8VdPSqcewo/FL1C8POHbzl+AL25TidWYJD+R6bGUTE381kA1sT9w==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.7.2.tgz",
+      "integrity": "sha512-qhVa8ozu92C23Hsmv0BF4+5Dyyd5STT1FolV4whNgbY6mj3kA0qsrGPe35zNR3wAN7eFict3s4Rc2dDTPBTuFQ==",
       "cpu": [
         "x64"
       ],
@@ -6126,9 +6569,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-freebsd-x64": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.3.2.tgz",
-      "integrity": "sha512-zyPn9LFCCjhKPeCtECZaiMUgkYN/VpLb4a9Xv7QriJmTaQxsuDtXqOHifrzUXIhorJTyS+5MOKDuNL0X9I4EHA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.7.2.tgz",
+      "integrity": "sha512-zKKdm2uMXqLFX6Ac7K5ElnnG5VIXbDlFWzg4WJ8CGUedJryM5A3cTgHuGMw1+P5ziV8CRhnSEgOnurTI4vpHpg==",
       "cpu": [
         "x64"
       ],
@@ -6139,9 +6582,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.3.2.tgz",
-      "integrity": "sha512-UWx56Wh59Ro69fe+Wfvld4E1n9KG0e3zeouWLn8eSasyi/yVH/7ZW3CLTVFQ81oMKSpXwr5u6RpzttDXZKiO4g==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.7.2.tgz",
+      "integrity": "sha512-8N1z1TbPnHH+iDS/42GJ0bMPLiGK+cUqOhNbMKtWJ4oFGzqSJk/zoXFzcQkgtI63qMcUI7wW1tq2usZQSb2jxw==",
       "cpu": [
         "arm"
       ],
@@ -6152,9 +6595,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.3.2.tgz",
-      "integrity": "sha512-VYGQXsOEJtfaoY2fOm8Z9ii5idFaHFYlrq3yMFZPaFKo8ufOXYm8hnfru7qetbM9MX116iWaPC0ZX5sK+1Dr+g==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.7.2.tgz",
+      "integrity": "sha512-tjYzI9LcAXR9MYd9rO45m1s0B/6bJNuZ6jeOxo1pq1K6OBuRMMmfyvJYval3s9FPPGmrldYA3mi4gWDlWuTFGA==",
       "cpu": [
         "arm"
       ],
@@ -6165,9 +6608,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.3.2.tgz",
-      "integrity": "sha512-3zP420zxJfYPD1rGp2/OTIBxF8E3+/6VqCG+DEO6kkDgBiloa7Y8pw1o7N9BfgAC+VC8FPZsFXhV2lpx+lLRMQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.7.2.tgz",
+      "integrity": "sha512-jon9M7DKRLGZ9VYSkFMflvNqu9hDtOCEnO2QAryFWgT6o6AXU8du56V7YqnaLKr6rAbZBWYsYpikF226v423QA==",
       "cpu": [
         "arm64"
       ],
@@ -6178,9 +6621,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.3.2.tgz",
-      "integrity": "sha512-ZWjSleUgr88H4Kei7yT4PlPqySTuWN1OYDDcdbmMCtLWFly3ed+rkrcCb3gvqXdDbYrGOtzv3g2qPEN+WWNv5Q==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.7.2.tgz",
+      "integrity": "sha512-c8Cg4/h+kQ63pL43wBNaVMmOjXI/X62wQmru51qjfTvI7kmCy5uHTJvK/9LrF0G8Jdx8r34d019P1DVJmhXQpA==",
       "cpu": [
         "arm64"
       ],
@@ -6191,9 +6634,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.3.2.tgz",
-      "integrity": "sha512-p+5OvYJ2UOlpjes3WfBlxyvQok2u26hLyPxLFHkYlfzhZW0juhvBf/tvewz1LDFe30M7zL9cF4OOO5dcvtk+cw==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.7.2.tgz",
+      "integrity": "sha512-A+lcwRFyrjeJmv3JJvhz5NbcCkLQL6Mk16kHTNm6/aGNc4FwPHPE4DR9DwuCvCnVHvF5IAd9U4VIs/VvVir5lg==",
       "cpu": [
         "ppc64"
       ],
@@ -6203,10 +6646,36 @@
         "linux"
       ]
     },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.7.2.tgz",
+      "integrity": "sha512-hQQ4TJQrSQW8JlPm7tRpXN8OCNP9ez7PajJNjRD1ZTHQAy685OYqPrKjfaMw/8LiHCt8AZ74rfUVHP9vn0N69Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.7.2.tgz",
+      "integrity": "sha512-NoAGbiqrxtY8kVooZ24i70CjLDlUFI7nDj3I9y54U94p+3kPxwd2L692YsdLa+cqQ0VoqMWoehDFp21PKRUoIQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
     "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.3.2.tgz",
-      "integrity": "sha512-yweY7I6SqNn3kvj6vE4PQRo7j8Oz6+NiUhmgciBNAUOuI3Jq0bnW29hbHJdxZRSN1kYkQnSkbbA1tT8VnK816w==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.7.2.tgz",
+      "integrity": "sha512-KaZByo8xuQZbUhhreBTW+yUnOIHUsv04P8lKjQ5otiGoSJ17ISGYArc+4vKdLEpGaLbemGzr4ZeUbYQQsLWFjA==",
       "cpu": [
         "s390x"
       ],
@@ -6217,9 +6686,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.3.2.tgz",
-      "integrity": "sha512-fNIvtzJcGN9hzWTIayrTSk2+KHQrqKbbY+I88xMVMOFV9t4AXha4veJdKaIuuks+2JNr6GuuNdsL7+exywZ32w==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.7.2.tgz",
+      "integrity": "sha512-dEidzJDubxxhUCBJ/SHSMJD/9q7JkyfBMT77Px1npl4xpg9t0POLvnWywSk66BgZS/b2Hy9Y1yFaoMTFJUe9yg==",
       "cpu": [
         "x64"
       ],
@@ -6230,9 +6699,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-x64-musl": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.3.2.tgz",
-      "integrity": "sha512-OaFEw8WAjiwBGxutQgkWhoAGB5BQqZJ8Gjt/mW+m6DWNjimcxU22uWCuEtfw1CIwLlKPOzsgH0429fWmZcTGkg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.2.tgz",
+      "integrity": "sha512-RvP+Ux3wDjmnZDT4XWFfNBRVG0fMsc+yVzNFUqOflnDfZ9OYujv6nkh+GOr+watwrW4wdp6ASfG/e7bkDradsw==",
       "cpu": [
         "x64"
       ],
@@ -6243,25 +6712,25 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-wasm32-wasi": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.3.2.tgz",
-      "integrity": "sha512-u+sumtO7M0AGQ9bNQrF4BHNpUyxo23FM/yXZfmVAicTQ+mXtG06O7pm5zQUw3Mr4jRs2I84uh4O0hd8bdouuvQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.7.2.tgz",
+      "integrity": "sha512-y797JBmO9IsvXVRCKDXOxjyAE4+CcZpla2GSoBQ33TVb3ILXuFnMrbR/QQZoauBYeOFuu4w3ifWLw52sdHGz6g==",
       "cpu": [
         "wasm32"
       ],
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@napi-rs/wasm-runtime": "^0.2.7"
+        "@napi-rs/wasm-runtime": "^0.2.9"
       },
       "engines": {
         "node": ">=14.0.0"
       }
     },
     "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.3.2.tgz",
-      "integrity": "sha512-ZAJKy95vmDIHsRFuPNqPQRON8r2mSMf3p9DoX+OMOhvu2c8OXGg8MvhGRf3PNg45ozRrPdXDnngURKgaFfpGoQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.7.2.tgz",
+      "integrity": "sha512-gtYTh4/VREVSLA+gHrfbWxaMO/00y+34htY7XpioBTy56YN2eBjkPrY1ML1Zys89X3RJDKVaogzwxlM1qU7egg==",
       "cpu": [
         "arm64"
       ],
@@ -6272,9 +6741,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.3.2.tgz",
-      "integrity": "sha512-nQG4YFAS2BLoKVQFK/FrWJvFATI5DQUWQrcPcsWG9Ve5BLLHZuPOrJ2SpAJwLXQrRv6XHSFAYGI8wQpBg/CiFA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.7.2.tgz",
+      "integrity": "sha512-Ywv20XHvHTDRQs12jd3MY8X5C8KLjDbg/jyaal/QLKx3fAShhJyD4blEANInsjxW3P7isHx1Blt56iUDDJO3jg==",
       "cpu": [
         "ia32"
       ],
@@ -6285,9 +6754,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.3.2.tgz",
-      "integrity": "sha512-XBWpUP0mHya6yGBwNefhyEa6V7HgYKCxEAY4qhTm/PcAQyBPNmjj97VZJOJkVdUsyuuii7xmq0pXWX/c2aToHQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.7.2.tgz",
+      "integrity": "sha512-friS8NEQfHaDbkThxopGk+LuE5v3iY0StruifjQEt7SLbA46OnfgMO15sOTkbpJkol6RB+1l1TYPXh0sCddpvA==",
       "cpu": [
         "x64"
       ],
@@ -6499,6 +6968,23 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
       "license": "Apache-2.0"
     },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/@zip.js/zip.js": {
+      "version": "2.7.60",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.60.tgz",
+      "integrity": "sha512-vA3rLyqdxBrVo1FWSsbyoecaqWTV+vgPRf0QKeM7kVDG0r+lHUqd7zQDv1TO9k4BcAoNzNDSNrrel24Mk6addA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "bun": ">=0.7.0",
+        "deno": ">=1.0.0",
+        "node": ">=16.5.0"
+      }
+    },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -6949,6 +7435,19 @@
       "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
       "license": "MIT"
     },
+    "node_modules/assert": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
+      }
+    },
     "node_modules/assert-ok": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/assert-ok/-/assert-ok-1.0.0.tgz",
@@ -6965,7 +7464,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -7288,6 +7786,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/babel-plugin-macros/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/babel-plugin-polyfill-corejs2": {
       "version": "0.4.13",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz",
@@ -7442,9 +7949,9 @@
       "optional": true
     },
     "node_modules/bare-fs": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.0.2.tgz",
-      "integrity": "sha512-S5mmkMesiduMqnz51Bfh0Et9EX0aTCJxhsI4bvzFFLs8Z1AV8RDHadfY5CyLwdoLHgXbNBEN1gQcbEtGwuvixw==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.1.3.tgz",
+      "integrity": "sha512-OeEZYIg+2qepaWLyphaOXHAHKo3xkM8y3BeGAvHdMN8GNWvEAU1Yw6rYpGzu/wDDbKxgEjVeVDpgGhDzaeMpjg==",
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
@@ -7896,9 +8403,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001723",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001723.tgz",
-      "integrity": "sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==",
+      "version": "1.0.30001721",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001721.tgz",
+      "integrity": "sha512-cOuvmUVtKrtEaoKiO0rSc29jcjwMwX5tOHDy4MgVFEWiUXj4uBMJkwI8MDySkgXidpMiHUcviogAvFi4pA2hDQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -7946,6 +8453,12 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/change-case": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
+      "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==",
+      "license": "MIT"
+    },
     "node_modules/char-regex": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
@@ -7961,6 +8474,20 @@
       "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
       "license": "MIT"
     },
+    "node_modules/chevrotain": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.0.3.tgz",
+      "integrity": "sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@chevrotain/cst-dts-gen": "11.0.3",
+        "@chevrotain/gast": "11.0.3",
+        "@chevrotain/regexp-to-ast": "11.0.3",
+        "@chevrotain/types": "11.0.3",
+        "@chevrotain/utils": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
     "node_modules/child_process": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/child_process/-/child_process-1.0.2.tgz",
@@ -7997,6 +8524,12 @@
       "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
       "license": "ISC"
     },
+    "node_modules/chroma-js": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.6.0.tgz",
+      "integrity": "sha512-BLHvCB9s8Z1EV4ethr6xnkl/P2YRFOGqfgvuMG/MyCbZPrTA+NeiByY6XvgF0zP4/2deU2CXnWyMa3zu1LqQ3A==",
+      "license": "(BSD-3-Clause AND Apache-2.0)"
+    },
     "node_modules/chrome-trace-event": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
@@ -8081,6 +8614,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/cli-progress": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/cli-progress/-/cli-progress-3.12.0.tgz",
+      "integrity": "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^4.2.3"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/cli-spinners": {
       "version": "2.9.2",
       "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
@@ -8249,6 +8794,12 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "license": "MIT"
     },
+    "node_modules/colorjs.io": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
+      "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
+      "license": "MIT"
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -8277,10 +8828,13 @@
       "license": "ISC"
     },
     "node_modules/component-emitter": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
-      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz",
+      "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==",
       "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
@@ -9548,6 +10102,12 @@
       "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
       "license": "MIT"
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -9570,9 +10130,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.126",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.126.tgz",
-      "integrity": "sha512-AtH1uLcTC72LA4vfYcEJJkrMk/MY/X0ub8Hv7QGAePW2JkeUFHEL/QfS4J77R6M87Sss8O0OcqReSaN1bpyA+Q==",
+      "version": "1.5.143",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.143.tgz",
+      "integrity": "sha512-QqklJMOFBMqe46k8iIOwA9l2hz57V2OKMmP5eSWcUvwx+mASAsbU+wkF1pHjn9ZVSBPrsYWr4/W/95y5SwYg2g==",
       "license": "ISC"
     },
     "node_modules/email-prop-type": {
@@ -9610,6 +10170,15 @@
       "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==",
       "license": "MIT"
     },
+    "node_modules/emoji-regex-xs": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-2.0.1.tgz",
+      "integrity": "sha512-1QFuh8l7LqUcKe24LsPUNzjrzJQ7pgRwp1QMcZ5MX6mFplk2zQ08NVCM84++1cveaUUYtcCYHmeFEuNg16sU4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/emojis-list": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
@@ -9804,9 +10373,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
-      "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
       "license": "MIT"
     },
     "node_modules/es-object-atoms": {
@@ -10056,23 +10625,23 @@
       }
     },
     "node_modules/eslint-import-resolver-typescript": {
-      "version": "4.2.5",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-4.2.5.tgz",
-      "integrity": "sha512-VtSNsVbyDlubDcx5Lb1K1Y8G4MxUuC9XVALX1z2EIXaLobCedvFPQ2XRemobQStn04G9MRi3iu1JFLKI4/8fig==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-4.3.4.tgz",
+      "integrity": "sha512-buzw5z5VtiQMysYLH9iW9BV04YyZebsw+gPi+c4FCjfS9i6COYOrEWw9t3m3wA9PFBfqcBCqWf32qrXLbwafDw==",
       "license": "ISC",
       "dependencies": {
         "debug": "^4.4.0",
         "get-tsconfig": "^4.10.0",
         "is-bun-module": "^2.0.0",
         "stable-hash": "^0.0.5",
-        "tinyglobby": "^0.2.12",
-        "unrs-resolver": "^1.3.2"
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.3"
       },
       "engines": {
         "node": "^16.17.0 || >=18.6.0"
       },
       "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
       },
       "peerDependencies": {
         "eslint": "*",
@@ -10424,9 +10993,9 @@
       "license": "0BSD"
     },
     "node_modules/eslint-plugin-formatjs/node_modules/typescript": {
-      "version": "5.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -10923,6 +11492,12 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/expr-eval-fork": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expr-eval-fork/-/expr-eval-fork-2.0.2.tgz",
+      "integrity": "sha512-NaAnObPVwHEYrODd7Jzp3zzT9pgTAlUUL4MZiZu9XAYPDpx89cPsfyEImFb2XY0vQNbrqg2CG7CLiI+Rs3seaQ==",
+      "license": "MIT"
+    },
     "node_modules/express": {
       "version": "4.21.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
@@ -11410,6 +11985,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-yarn-workspace-root": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+      "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "micromatch": "^4.0.2"
+      }
+    },
     "node_modules/flat": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
@@ -11487,15 +12071,6 @@
         }
       }
     },
-    "node_modules/font-awesome": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
-      "integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==",
-      "license": "(OFL-1.1 AND MIT)",
-      "engines": {
-        "node": ">=0.10.3"
-      }
-    },
     "node_modules/for-each": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -11511,6 +12086,34 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/fork-ts-checker-webpack-plugin": {
       "version": "6.5.3",
       "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz",
@@ -11605,6 +12208,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
@@ -12313,9 +12925,9 @@
       }
     },
     "node_modules/html-entities": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.3.tgz",
-      "integrity": "sha512-D3AfvN7SjhTgBSA8L1BN4FpPzuEd06uy4lHwSoRWr0lndi9BKaNzPLKGOWZ2ocSGguozr08TTb2jhCLHaemruw==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
       "funding": [
         {
           "type": "github",
@@ -12469,9 +13081,9 @@
       }
     },
     "node_modules/http-parser-js": {
-      "version": "0.5.9",
-      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.9.tgz",
-      "integrity": "sha512-n1XsPy3rXVxlqxVioEWdC+0+M+SQw0DpJynwtOPo1X+ZlvdzTLtDBIJJlDQTnwZIFJrZSzSGmIOUdP8tu+SgLw==",
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
+      "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
       "license": "MIT"
     },
     "node_modules/http-proxy": {
@@ -12560,6 +13172,15 @@
         "node": ">=10.17.0"
       }
     },
+    "node_modules/hyperdyperid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
+      "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.18"
+      }
+    },
     "node_modules/hyphenate-style-name": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
@@ -12940,6 +13561,22 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -13270,6 +13907,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-mergeable-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-mergeable-object/-/is-mergeable-object-1.1.1.tgz",
+      "integrity": "sha512-CPduJfuGg8h8vW74WOxHtHmtQutyQBzR+3MjQ6iDHIYdbOnm1YC7jv43SqCoU8OPGTJD4nibmiryA4kmogbGrA==",
+      "license": "MIT"
+    },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -13338,13 +13997,15 @@
       }
     },
     "node_modules/is-plain-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
-      "dev": true,
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
       "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/is-plain-object": {
@@ -13703,6 +14364,21 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/jake": {
       "version": "10.9.2",
       "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
@@ -14734,6 +15410,16 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "license": "MIT"
     },
+    "node_modules/js-toml": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/js-toml/-/js-toml-1.0.1.tgz",
+      "integrity": "sha512-rHd/IolpFm2V5BmHCEY8CckHs8NDsYZZ64H5RNgA6Opsr9vX4QyTiQPplgtqg7b3ztqYShZC38nl6CUg7QuhXg==",
+      "license": "MIT",
+      "dependencies": {
+        "chevrotain": "^11.0.3",
+        "xregexp": "^5.1.1"
+      }
+    },
     "node_modules/js-yaml": {
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
@@ -14848,13 +15534,13 @@
       "license": "MIT"
     },
     "node_modules/json-stable-stringify": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz",
-      "integrity": "sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.3.0.tgz",
+      "integrity": "sha512-qtYiSSFlwot9XHtF9bD9c7rwKjr+RecWT//ZnPvSmEjpV5mmPOCN4j8UjY5hbjNkOwZ/jQv3J6R1/pL7RwgMsg==",
       "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
+        "call-bound": "^1.0.4",
         "isarray": "^2.0.5",
         "jsonify": "^0.0.1",
         "object-keys": "^1.1.1"
@@ -14956,6 +15642,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
     "node_modules/kleur": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
@@ -15206,6 +15901,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/log-update": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
+      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.3.0",
+        "cli-cursor": "^3.1.0",
+        "slice-ansi": "^4.0.0",
+        "wrap-ansi": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -15675,6 +16388,25 @@
         "node": ">= 6"
       }
     },
+    "node_modules/minimist-options/node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/mkdirp-classic": {
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
@@ -15777,6 +16509,21 @@
       "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
       "license": "MIT"
     },
+    "node_modules/napi-postinstall": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.2.2.tgz",
+      "integrity": "sha512-Wy1VI/hpKHwy1MsnFxHCJxqFwmmxD0RA/EKPL7e6mfbsY01phM2SZyJnRdU0bLvhu0Quby1DCcAZti3ghdl4/A==",
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -15980,9 +16727,9 @@
       }
     },
     "node_modules/nwsapi": {
-      "version": "2.2.19",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.19.tgz",
-      "integrity": "sha512-94bcyI3RsqiZufXjkr3ltkI86iEl+I7uiHVDtcq9wJUTwYQJ5odHDeSzkkrRzi80jJ8MaeZgqKjH1bAWAFw9bA==",
+      "version": "2.2.20",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
+      "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
       "license": "MIT"
     },
     "node_modules/object-assign": {
@@ -16018,6 +16765,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -16345,6 +17108,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
     "node_modules/pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -16422,6 +17191,74 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/patch-package": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz",
+      "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@yarnpkg/lockfile": "^1.1.0",
+        "chalk": "^4.1.2",
+        "ci-info": "^3.7.0",
+        "cross-spawn": "^7.0.3",
+        "find-yarn-workspace-root": "^2.0.0",
+        "fs-extra": "^9.0.0",
+        "json-stable-stringify": "^1.0.2",
+        "klaw-sync": "^6.0.0",
+        "minimist": "^1.2.6",
+        "open": "^7.4.2",
+        "rimraf": "^2.6.3",
+        "semver": "^7.5.3",
+        "slash": "^2.0.0",
+        "tmp": "^0.0.33",
+        "yaml": "^2.2.2"
+      },
+      "bin": {
+        "patch-package": "index.js"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">5"
+      }
+    },
+    "node_modules/patch-package/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/patch-package/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/path": {
+      "version": "0.12.7",
+      "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz",
+      "integrity": "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "process": "^0.11.1",
+        "util": "^0.10.3"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -16461,6 +17298,28 @@
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "license": "MIT"
     },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
     "node_modules/path-to-regexp": {
       "version": "0.1.12",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
@@ -16476,6 +17335,27 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-unified": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.2.0.tgz",
+      "integrity": "sha512-MNKqvrKbbbb5p7XHXV6ZAsf/1f/yJQa13S/fcX0uua8ew58Tgc6jXV+16JyAbnR/clgCH+euKDxrF2STxMHdrg==",
+      "license": "MIT"
+    },
+    "node_modules/path/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "license": "ISC"
+    },
+    "node_modules/path/node_modules/util": {
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
+      "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "2.0.3"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -16768,6 +17648,24 @@
         "postcss": "^8.2.2"
       }
     },
+    "node_modules/postcss-calc-ast-parser": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.4.tgz",
+      "integrity": "sha512-CebpbHc96zgFjGgdQ6BqBy6XIUgRx1xXWCAAk6oke02RZ5nxwo9KQejTg8y7uYEeI9kv8jKQPYjoe6REsY23vw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^3.3.1"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/postcss-calc-ast-parser/node_modules/postcss-value-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+      "license": "MIT"
+    },
     "node_modules/postcss-colormin": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.1.0.tgz",
@@ -16786,6 +17684,21 @@
         "postcss": "^8.4.31"
       }
     },
+    "node_modules/postcss-combine-duplicated-selectors": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz",
+      "integrity": "sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
     "node_modules/postcss-convert-values": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.1.0.tgz",
@@ -16878,6 +17791,23 @@
         "postcss": "^8.4.31"
       }
     },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
     "node_modules/postcss-loader": {
       "version": "7.3.4",
       "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.4.tgz",
@@ -16912,6 +17842,52 @@
         "node": ">=10"
       }
     },
+    "node_modules/postcss-map": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/postcss-map/-/postcss-map-0.11.0.tgz",
+      "integrity": "sha512-cgHYZrH9aAMds90upYUPhYz8xnAcRD45SwuNns/nQHONIrPQDhpwk3JLsAQGOndQxnRVXfB6nB+3WqSMy8fqlA==",
+      "license": "Unlicense",
+      "dependencies": {
+        "js-yaml": "^3.12.0",
+        "postcss": "^7.0.2",
+        "reduce-function-call": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/postcss-map/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss-map/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/postcss-map/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
@@ -16953,6 +17929,19 @@
         "postcss": "^8.4.31"
       }
     },
+    "node_modules/postcss-minify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify/-/postcss-minify-1.1.0.tgz",
+      "integrity": "sha512-9D64ueIW0DL2FdLajQTlXrnTN8Ox9NjuXqigKMmB819RhdClNPYx5Zp3i5x0ghjjy3vGrLBBYEYvJjY/1eMNbw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0",
+        "postcss-value-parser": "^4.1"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0"
+      }
+    },
     "node_modules/postcss-minify-font-values": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.1.0.tgz",
@@ -17425,9 +18414,9 @@
       }
     },
     "node_modules/prebuild-install/node_modules/detect-libc": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
-      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -17484,6 +18473,21 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
@@ -17529,6 +18533,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -18268,9 +19281,9 @@
       }
     },
     "node_modules/react-onclickoutside": {
-      "version": "6.13.1",
-      "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.1.tgz",
-      "integrity": "sha512-LdrrxK/Yh9zbBQdFbMTXPp3dTSN9B+9YJQucdDu3JNKRrbdU+H+/TVONJoWtOwy4II8Sqf1y/DTI6w/vGPYW0w==",
+      "version": "6.13.2",
+      "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.2.tgz",
+      "integrity": "sha512-h6Hbf1c8b7tIYY4u90mDdBLY4+AGQVMFtIE89HgC0DtVCh/JfKl477gYqUtGLmjZBKK3MJxomP/lFiLbz4sq9A==",
       "license": "MIT",
       "funding": {
         "type": "individual",
@@ -18599,6 +19612,24 @@
         "react-dom": ">=16.6.0"
       }
     },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/read-cache/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/read-pkg": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-6.0.0.tgz",
@@ -18788,6 +19819,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/reduce-function-call": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.3.tgz",
+      "integrity": "sha512-Hl/tuV2VDgWgCSEeWMLwxLZqX7OK59eU1guxXsRKTAyeYimivsKdtcV4fu3r710tpG5GmDKDhQ0HSZLExnNmyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
     "node_modules/redux": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
@@ -19400,9 +20440,9 @@
       }
     },
     "node_modules/schema-utils": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
-      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
       "license": "MIT",
       "dependencies": {
         "@types/json-schema": "^7.0.9",
@@ -19730,9 +20770,9 @@
       }
     },
     "node_modules/sharp/node_modules/detect-libc": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
-      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -19960,7 +21000,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
       "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
@@ -20216,6 +21255,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/stream": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.3.tgz",
+      "integrity": "sha512-aMsbn7VKrl4A2T7QAQQbzgN7NVc70vgF5INQrBXqn4dCXN1zy3L9HGgLO5s7PExmdrzTJ8uR/27aviW8or8/+A==",
+      "license": "MIT",
+      "dependencies": {
+        "component-emitter": "^2.0.0"
+      }
+    },
     "node_modules/streamx": {
       "version": "2.22.0",
       "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.22.0.tgz",
@@ -20280,6 +21328,27 @@
         "node": ">=8"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
     "node_modules/string-width/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -20381,6 +21450,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
@@ -20436,6 +21518,55 @@
       ],
       "license": "MIT"
     },
+    "node_modules/style-dictionary": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.4.0.tgz",
+      "integrity": "sha512-+xU0IA1StzqAqFs/QtXkK+XJa7wpS4X5H+JQccRKsRCElgeLGocFU1U/UMvMUylKFw6vwGV+Y/a2wb2pm5rFFQ==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@bundled-es-modules/deepmerge": "^4.3.1",
+        "@bundled-es-modules/glob": "^10.4.2",
+        "@bundled-es-modules/memfs": "^4.9.4",
+        "@zip.js/zip.js": "^2.7.44",
+        "chalk": "^5.3.0",
+        "change-case": "^5.3.0",
+        "commander": "^12.1.0",
+        "is-plain-obj": "^4.1.0",
+        "json5": "^2.2.2",
+        "patch-package": "^8.0.0",
+        "path-unified": "^0.2.0",
+        "prettier": "^3.3.3",
+        "tinycolor2": "^1.6.0"
+      },
+      "bin": {
+        "style-dictionary": "bin/style-dictionary.js"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/style-dictionary/node_modules/chalk": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz",
+      "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/style-dictionary/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/style-loader": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
@@ -20673,6 +21804,15 @@
         "node": ">=14.18.0"
       }
     },
+    "node_modules/superagent/node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/superagent/node_modules/mime": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
@@ -21063,6 +22203,18 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "license": "MIT"
     },
+    "node_modules/thingies": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz",
+      "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==",
+      "license": "Unlicense",
+      "engines": {
+        "node": ">=10.18"
+      },
+      "peerDependencies": {
+        "tslib": "^2"
+      }
+    },
     "node_modules/through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -21087,13 +22239,19 @@
       "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
       "license": "MIT"
     },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "license": "MIT"
+    },
     "node_modules/tinyglobby": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.12.tgz",
-      "integrity": "sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==",
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
       "license": "MIT",
       "dependencies": {
-        "fdir": "^6.4.3",
+        "fdir": "^6.4.4",
         "picomatch": "^4.0.2"
       },
       "engines": {
@@ -21104,9 +22262,9 @@
       }
     },
     "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.4.3",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
-      "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -21223,6 +22381,22 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/tree-dump": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz",
+      "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/trim-newlines": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.1.1.tgz",
@@ -21249,9 +22423,9 @@
       }
     },
     "node_modules/ts-jest": {
-      "version": "29.3.0",
-      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.3.0.tgz",
-      "integrity": "sha512-4bfGBX7Gd1Aqz3SyeDS9O276wEU/BInZxskPrbhZLyv+c1wskDCqDFMJQJLWrIr/fKoAH4GE5dKUlrdyvo+39A==",
+      "version": "29.3.2",
+      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.3.2.tgz",
+      "integrity": "sha512-bJJkrWc6PjFVz5g2DGCNUo8z7oFEYaz1xP1NpeDU7KNLMWPpEyV8Chbpkn8xjzgRDpQhnGMyvyldoL7h8JXyug==",
       "license": "MIT",
       "dependencies": {
         "bs-logger": "^0.2.6",
@@ -21262,7 +22436,7 @@
         "lodash.memoize": "^4.1.2",
         "make-error": "^1.3.6",
         "semver": "^7.7.1",
-        "type-fest": "^4.37.0",
+        "type-fest": "^4.39.1",
         "yargs-parser": "^21.1.1"
       },
       "bin": {
@@ -21310,9 +22484,9 @@
       }
     },
     "node_modules/ts-jest/node_modules/type-fest": {
-      "version": "4.38.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.38.0.tgz",
-      "integrity": "sha512-2dBz5D5ycHIoliLYLi0Q2V7KRaDlH0uWIvmk7TYlAg5slqwiPv1ezJdZm1QEM0xgk29oYWMCbIG7E6gHpvChlg==",
+      "version": "4.40.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.40.1.tgz",
+      "integrity": "sha512-9YvLNnORDpI+vghLU/Nf+zSv0kL47KbVJ1o3sKgoTefl6i+zebxbiDQWoe/oWWqPhIgQdRZRT1KA9sCPL810SA==",
       "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=16"
@@ -21629,9 +22803,9 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "6.20.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
       "license": "MIT"
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
@@ -21644,20 +22818,14 @@
       }
     },
     "node_modules/unicode-emoji-utils": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/unicode-emoji-utils/-/unicode-emoji-utils-1.2.0.tgz",
-      "integrity": "sha512-djUB91p/6oYpgps4W5K/MAvM+UspoAANHSUW495BrxeLRoned3iNPEDQgrKx9LbLq93VhNz0NWvI61vcfrwYoA==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/unicode-emoji-utils/-/unicode-emoji-utils-1.3.1.tgz",
+      "integrity": "sha512-6PiQxmnlsOsqzZCZz0sykSyMy/r1HiJiOWWXV98+BDva583DU4CtBeyDNsi4wMYUIbjUtMs4RgAuyft0EKLoVw==",
       "license": "MIT",
       "dependencies": {
-        "emoji-regex": "10.3.0"
+        "emoji-regex-xs": "^2.0.0"
       }
     },
-    "node_modules/unicode-emoji-utils/node_modules/emoji-regex": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
-      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
-      "license": "MIT"
-    },
     "node_modules/unicode-match-property-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
@@ -21727,29 +22895,35 @@
       }
     },
     "node_modules/unrs-resolver": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.3.2.tgz",
-      "integrity": "sha512-ZKQBC351Ubw0PY8xWhneIfb6dygTQeUHtCcNGd0QB618zabD/WbFMYdRyJ7xeVT+6G82K5v/oyZO0QSHFtbIuw==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.7.2.tgz",
+      "integrity": "sha512-BBKpaylOW8KbHsu378Zky/dGh4ckT/4NW/0SHRABdqRLcQJ2dAOjDo9g97p04sWflm0kqPqpUatxReNV/dqI5A==",
+      "hasInstallScript": true,
       "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.2.2"
+      },
       "funding": {
         "url": "https://github.com/sponsors/JounQin"
       },
       "optionalDependencies": {
-        "@unrs/resolver-binding-darwin-arm64": "1.3.2",
-        "@unrs/resolver-binding-darwin-x64": "1.3.2",
-        "@unrs/resolver-binding-freebsd-x64": "1.3.2",
-        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.3.2",
-        "@unrs/resolver-binding-linux-arm-musleabihf": "1.3.2",
-        "@unrs/resolver-binding-linux-arm64-gnu": "1.3.2",
-        "@unrs/resolver-binding-linux-arm64-musl": "1.3.2",
-        "@unrs/resolver-binding-linux-ppc64-gnu": "1.3.2",
-        "@unrs/resolver-binding-linux-s390x-gnu": "1.3.2",
-        "@unrs/resolver-binding-linux-x64-gnu": "1.3.2",
-        "@unrs/resolver-binding-linux-x64-musl": "1.3.2",
-        "@unrs/resolver-binding-wasm32-wasi": "1.3.2",
-        "@unrs/resolver-binding-win32-arm64-msvc": "1.3.2",
-        "@unrs/resolver-binding-win32-ia32-msvc": "1.3.2",
-        "@unrs/resolver-binding-win32-x64-msvc": "1.3.2"
+        "@unrs/resolver-binding-darwin-arm64": "1.7.2",
+        "@unrs/resolver-binding-darwin-x64": "1.7.2",
+        "@unrs/resolver-binding-freebsd-x64": "1.7.2",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.7.2",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.7.2",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.7.2",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.7.2",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-x64-musl": "1.7.2",
+        "@unrs/resolver-binding-wasm32-wasi": "1.7.2",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.7.2",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.7.2",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.7.2"
       }
     },
     "node_modules/update-browserslist-db": {
@@ -21791,6 +22965,19 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/url": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
+      "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.12.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/url-loader": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
@@ -21846,6 +23033,12 @@
         "requires-port": "^1.0.0"
       }
     },
+    "node_modules/url/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "license": "MIT"
+    },
     "node_modules/use-callback-ref": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
@@ -21935,14 +23128,27 @@
       }
     },
     "node_modules/use-sync-external-store": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
-      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+      "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
       "license": "MIT",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -22094,13 +23300,14 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.98.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.98.0.tgz",
-      "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==",
+      "version": "5.99.7",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.99.7.tgz",
+      "integrity": "sha512-CNqKBRMQjwcmKR0idID5va1qlhrqVUKpovi+Ec79ksW8ux7iS1+A6VqzfZXgVYCFRKl7XL5ap3ZoMpwBJxcg0w==",
       "license": "MIT",
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
         "@webassemblyjs/ast": "^1.14.1",
         "@webassemblyjs/wasm-edit": "^1.14.1",
         "@webassemblyjs/wasm-parser": "^1.14.1",
@@ -22117,7 +23324,7 @@
         "loader-runner": "^4.2.0",
         "mime-types": "^2.1.27",
         "neo-async": "^2.6.2",
-        "schema-utils": "^4.3.0",
+        "schema-utils": "^4.3.2",
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.3.11",
         "watchpack": "^2.4.1",
@@ -22652,6 +23859,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -22716,6 +23941,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/xregexp": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-5.1.2.tgz",
+      "integrity": "sha512-6hGgEMCGhqCTFEJbqmWrNIPqfpdirdGWkqshu7fFZddmTSfgv5Sn9D2SaKloR79s5VUiUlpwzg3CM3G6D3VIlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime-corejs3": "^7.26.9"
+      }
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -22732,12 +23966,15 @@
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.1.tgz",
+      "integrity": "sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==",
       "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 14"
       }
     },
     "node_modules/yargs": {
diff --git a/package.json b/package.json
index ef89fb1fb..5a300a074 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "@edx/frontend-component-footer": "^14.9.0",
     "@edx/frontend-component-header": "^6.2.0",
     "@edx/frontend-enterprise-hotjar": "^7.2.0",
-    "@edx/frontend-platform": "^8.3.1",
+    "@edx/frontend-platform": "^8.4.0",
     "@edx/openedx-atlas": "^0.7.0",
     "@openedx-plugins/course-app-calculator": "file:plugins/course-apps/calculator",
     "@openedx-plugins/course-app-edxnotes": "file:plugins/course-apps/edxnotes",
@@ -62,7 +62,7 @@
     "@openedx-plugins/course-app-xpert_unit_summary": "file:plugins/course-apps/xpert_unit_summary",
     "@openedx/frontend-build": "^14.5.0",
     "@openedx/frontend-plugin-framework": "^1.7.0",
-    "@openedx/paragon": "^22.16.0",
+    "@openedx/paragon": "^23.5.0",
     "@redux-devtools/extension": "^3.3.0",
     "@reduxjs/toolkit": "1.9.7",
     "@tanstack/react-query": "4.36.1",
@@ -110,7 +110,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^13.2.1",
-    "@types/lodash": "^4.17.7",
+    "@types/lodash": "^4.17.17",
     "axios-mock-adapter": "1.22.0",
     "eslint-import-resolver-webpack": "^0.13.8",
     "fetch-mock-jest": "^1.5.1",
diff --git a/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss b/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss
index 264e0c7b1..bfbb60743 100644
--- a/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss
+++ b/plugins/course-apps/xpert_unit_summary/settings-modal/SettingsModal.scss
@@ -1,5 +1,4 @@
-@import "~@edx/brand/paragon/variables";
-@import "~@openedx/paragon/scss/core/utilities-only";
+@import "~@openedx/paragon/styles/scss/core/utilities-only";
 
 .summary-radio {
   display: flex;
diff --git a/src/advanced-settings/scss/AdvancedSettings.scss b/src/advanced-settings/scss/AdvancedSettings.scss
index c4252d614..e973e11ce 100644
--- a/src/advanced-settings/scss/AdvancedSettings.scss
+++ b/src/advanced-settings/scss/AdvancedSettings.scss
@@ -32,7 +32,7 @@
   bottom: 0;
   width: 100%;
   padding: 0 .625rem;
-  z-index: $zindex-modal;
+  z-index: var(--pgn-elevation-modal-zindex);
 }
 
 .alert-proctoring-error {
@@ -66,13 +66,13 @@
 .setting-sidebar-supplementary {
   .setting-sidebar-supplementary-about {
     .setting-sidebar-supplementary-about-title {
-      font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base;
-      color: $headings-color;
+      font: normal var(--pgn-typography-font-weight-bold) 1.125rem/1.5rem var(--pgn-typography-font-family-base);
+      color: var(--pgn-color-headings-base);
       margin-bottom: 1.25rem;
     }
 
     .setting-sidebar-supplementary-about-descriptions {
-      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+      font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
       color: $text-color-base;
     }
   }
@@ -81,16 +81,16 @@
     list-style: none;
 
     .setting-sidebar-supplementary-other-link {
-      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+      font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
       line-height: 1.5rem;
-      color: $info-500;
+      color: var(--pgn-color-info-500);
       margin-bottom: .5rem;
     }
   }
 
   .setting-sidebar-supplementary-other-title {
-    font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base;
-    color: $headings-color;
+    font: normal var(--pgn-typography-font-weight-bold) 1.125rem/1.5rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-headings-base);
     margin-bottom: 1.25rem;
   }
 }
@@ -102,7 +102,7 @@
     display: inline-block;
     margin-right: 5px;
     margin-bottom: 5px;
-    color: $danger;
+    color: var(--pgn-color-danger-base);
   }
 
   .modal-error-item-title {
@@ -113,12 +113,12 @@
 
 .modal-popup-content {
   max-width: 200px;
-  color: $white;
-  background-color: $black;
+  color: var(--pgn-color-white);
+  background-color: var(--pgn-color-black);
   filter: drop-shadow(0 2px 4px rgba(0 0 0 / .15));
   font-weight: 400;
 }
 
 .pgn__modal-popup__arrow::after {
-  border-top-color: $black;
+  border-top-color: var(--pgn-color-black);
 }
diff --git a/src/advanced-settings/scss/_variables.scss b/src/advanced-settings/scss/_variables.scss
index 22c26a836..3a4d279bc 100644
--- a/src/advanced-settings/scss/_variables.scss
+++ b/src/advanced-settings/scss/_variables.scss
@@ -1 +1 @@
-$text-color-base: $gray-700;
+$text-color-base: var(--pgn-color-gray-700);
diff --git a/src/assets/scss/_form.scss b/src/assets/scss/_form.scss
index 9ca6aa170..1fbe63e5e 100644
--- a/src/assets/scss/_form.scss
+++ b/src/assets/scss/_form.scss
@@ -1,14 +1,14 @@
 .form-group-custom {
   .pgn__form-label {
-    font: normal $font-weight-bold .75rem/1.25rem $font-family-base;
-    color: $gray-500;
+    font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-500);
     margin-bottom: .5rem;
   }
 
   .pgn__form-control-description,
   .pgn__form-text {
-    font: normal $font-weight-normal .75rem/1.25rem $font-family-base;
-    color: $gray-500;
+    font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-500);
     margin-top: .5rem;
   }
 
@@ -19,12 +19,12 @@
 
   .form-group-custom_isInvalid {
     input {
-      border-color: $form-feedback-invalid-color;
+      border-color: var(--pgn-color-form-feedback-invalid);
     }
   }
 
   .feedback-error {
-    color: $form-feedback-invalid-color;
+    color: var(--pgn-color-form-feedback-invalid);
   }
 }
 
@@ -34,40 +34,40 @@
   .datepicker-custom-control {
     display: block;
     width: 100%;
-    font-size: $input-font-size;
-    font-weight: $input-font-weight;
-    line-height: $input-line-height;
-    background: $input-bg;
-    border-color: $input-border-color;
-    border-width: $input-border-width;
-    box-shadow: $input-box-shadow;
-    border-radius: $input-border-radius;
-    color: $input-color;
-    padding: $input-padding-y $input-padding-x;
-    height: $input-height;
+    font-size: var(--pgn-typography-form-input-font-size-base);
+    font-weight: var(--pgn-typography-form-input-font-weight);
+    line-height: var(--pgn-typography-form-input-line-height-base);
+    background: var(--pgn-color-form-input-bg-base);
+    border-color: var(--pgn-color-form-input-border);
+    border-width: var(--pgn-size-form-input-width-border);
+    box-shadow: var(--pgn-elevation-form-input-base);
+    border-radius: var(--pgn-size-form-input-radius-border-base);
+    color: var(--pgn-color-form-input-base);
+    padding: var(--pgn-spacing-form-input-padding-y-base) var(--pgn-spacing-form-input-padding-x-base);
+    height: var(--pgn-size-form-input-height-base);
     resize: none;
 
     &:focus,
     :focus-visible {
-      color: $input-focus-color;
-      background-color: $input-bg;
-      border-color: $input-focus-border-color;
-      box-shadow: $input-focus-box-shadow;
+      color: var(--pgn-color-form-input-focus-base);
+      background-color: var(--pgn-color-form-input-bg-base);
+      border-color: var(--pgn-color-form-input-focus-border);
+      box-shadow: var(--pgn-elevation-form-input-focus);
       outline: 0;
     }
 
     &::placeholder {
-      color: $input-placeholder-color;
+      color: var(--pgn-color-form-input-placeholder);
     }
   }
 
   .datepicker-custom-control_readonly {
     border-color: transparent;
-    background: $input-disabled-bg;
+    background: var(--pgn-color-form-input-bg-disabled);
   }
 
   .datepicker-custom-control_isInvalid {
-    border-color: $form-feedback-invalid-color;
+    border-color: var(--pgn-color-form-feedback-invalid);
   }
 
   .datepicker-custom-control-icon {
@@ -76,7 +76,7 @@
     right: 1.188rem;
     top: 50%;
     transform: translateY(-50%);
-    color: $black;
+    color: var(--pgn-color-black);
   }
 }
 
diff --git a/src/assets/scss/_utilities.scss b/src/assets/scss/_utilities.scss
index 2caa9558e..5d256e5e0 100644
--- a/src/assets/scss/_utilities.scss
+++ b/src/assets/scss/_utilities.scss
@@ -1,5 +1,5 @@
 .text-black {
-  color: $black;
+  color: var(--pgn-color-black);
 }
 
 .h-200px {
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
index a3f23431f..87d094f24 100644
--- a/src/assets/scss/_variables.scss
+++ b/src/assets/scss/_variables.scss
@@ -1,2 +1,2 @@
-$text-color-base: $gray-700;
+$text-color-base: var(--pgn-color-gray-700);
 $text-color-weak: #3E3E3C;
diff --git a/src/certificates/scss/Certificates.scss b/src/certificates/scss/Certificates.scss
index 8ec8d23bd..76cdad4ed 100644
--- a/src/certificates/scss/Certificates.scss
+++ b/src/certificates/scss/Certificates.scss
@@ -2,7 +2,7 @@
 
 .certificates {
   .section-title {
-    color: $black;
+    color: var(--pgn-color-black);
   }
 
   .sub-header-actions {
@@ -11,7 +11,7 @@
 
   .certificate-details {
     .certificate-details__info {
-      color: $black;
+      color: var(--pgn-color-black);
       justify-content: space-between;
       align-items: baseline;
     }
@@ -22,7 +22,7 @@
 
     .certificate-details__info-paragraph-course-number {
       flex: 1;
-      color: $gray-700;
+      color: var(--pgn-color-gray-700);
       text-align: right;
     }
   }
@@ -74,7 +74,7 @@
     }
   }
 
-  @media (max-width: map-get($grid-breakpoints, "xl")) {
+  @media (--pgn-size-breakpoint-max-width-xl) {
     .signatory {
       display: flex;
       flex-direction: column;
diff --git a/src/content-tags-drawer/ContentTagsCollapsible.scss b/src/content-tags-drawer/ContentTagsCollapsible.scss
index 0da1ea82f..c9e3c54ae 100644
--- a/src/content-tags-drawer/ContentTagsCollapsible.scss
+++ b/src/content-tags-drawer/ContentTagsCollapsible.scss
@@ -38,7 +38,7 @@
 
 .add-tags-button:not([disabled]):hover {
   background-color: transparent;
-  color: $info-900 !important;
+  color: var(--pgn-color-info-900) !important;
 }
 
 .react-select-add-tags__control {
diff --git a/src/content-tags-drawer/ContentTagsDrawer.scss b/src/content-tags-drawer/ContentTagsDrawer.scss
index 76889a440..30a3730ca 100644
--- a/src/content-tags-drawer/ContentTagsDrawer.scss
+++ b/src/content-tags-drawer/ContentTagsDrawer.scss
@@ -16,7 +16,7 @@
 
   .tags-drawer-cancel-button:hover {
     background-color: transparent;
-    color: $gray-300 !important;
+    color: var(--pgn-color-gray-300) !important;
   }
 
   .other-description {
@@ -25,7 +25,7 @@
 
   .enable-taxonomies-button:not([disabled]):hover {
     background-color: transparent;
-    color: $info-900 !important;
+    color: var(--pgn-color-info-900) !important;
   }
 }
 
diff --git a/src/content-tags-drawer/ContentTagsDropDownSelector.scss b/src/content-tags-drawer/ContentTagsDropDownSelector.scss
index 963e8072b..e8ddf21bf 100644
--- a/src/content-tags-drawer/ContentTagsDropDownSelector.scss
+++ b/src/content-tags-drawer/ContentTagsDropDownSelector.scss
@@ -7,7 +7,7 @@
 
   &:hover {
     background-color: transparent;
-    color: $info-900 !important;
+    color: var(--pgn-color-info-900) !important;
   }
 }
 
@@ -19,7 +19,8 @@
   // In the future, this customizability should be implemented in paragon instead
   input.pgn__form-checkbox-input {
     &:indeterminate {
-      @extend :checked; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
+      border-color: var(--pgn-color-form-control-indicator-checked-border-base);
+      background-image: var(--pgn-other-content-form-control-checkbox-indicator-icon-checked-base);
     }
   }
 }
@@ -34,6 +35,6 @@
 }
 
 .dropdown-selector-tag-actions:focus-visible {
-  outline: solid 2px $info-900;
+  outline: solid 2px var(--pgn-color-info-900);
   border-radius: 4px;
 }
diff --git a/src/content-tags-drawer/TagsTree.scss b/src/content-tags-drawer/TagsTree.scss
index ebb5920ca..0864f8de4 100644
--- a/src/content-tags-drawer/TagsTree.scss
+++ b/src/content-tags-drawer/TagsTree.scss
@@ -9,13 +9,13 @@
 
     &:hover {
       svg {
-        color: $gray-900;
+        color: var(--pgn-color-gray-900);
       }
     }
 
     &:focus-visible {
       border: 2px solid;
-      border-color: $gray-900;
+      border-color: var(--pgn-color-gray-900);
     }
   }
 }
diff --git a/src/course-checklist/ChecklistSection/ChecklistSection.scss b/src/course-checklist/ChecklistSection/ChecklistSection.scss
index f06797013..89405540d 100644
--- a/src/course-checklist/ChecklistSection/ChecklistSection.scss
+++ b/src/course-checklist/ChecklistSection/ChecklistSection.scss
@@ -13,10 +13,10 @@
 
 .assignment-list {
   display: inline;
-  padding-inline-start: map-get($spacers, 1);
+  padding-inline-start: var(--pgn-spacing-spacer-1);
 }
 
 //complete checklist item style
 .checklist-item-complete {
-  box-shadow: -5px 0 0 0 $success-500;
+  box-shadow: -5px 0 0 0 var(--pgn-color-success-500);
 }
diff --git a/src/course-outline/card-header/CardHeader.scss b/src/course-outline/card-header/CardHeader.scss
index 875384783..26a32bbe9 100644
--- a/src/course-outline/card-header/CardHeader.scss
+++ b/src/course-outline/card-header/CardHeader.scss
@@ -9,7 +9,7 @@
     height: 1.5rem;
     margin-right: .25rem;
     background: transparent;
-    color: $black;
+    color: var(--pgn-color-black);
   }
 
   .item-card-button-icon {
diff --git a/src/course-outline/card-header/TitleButton.jsx b/src/course-outline/card-header/TitleButton.jsx
index 82d4d83e9..3413b7464 100644
--- a/src/course-outline/card-header/TitleButton.jsx
+++ b/src/course-outline/card-header/TitleButton.jsx
@@ -39,7 +39,7 @@ const TitleButton = ({
         className="item-card-header__title-btn"
         onClick={onTitleClick}
       >
-        <Truncate lines={1} className={`${namePrefix}-card-title mb-0`}>{title}</Truncate>
+        <Truncate.Deprecated lines={1} className={`${namePrefix}-card-title mb-0`}>{title}</Truncate.Deprecated>
       </Button>
     </OverlayTrigger>
   );
diff --git a/src/course-outline/card-header/TitleLink.jsx b/src/course-outline/card-header/TitleLink.jsx
index 32e68851f..914f1d50e 100644
--- a/src/course-outline/card-header/TitleLink.jsx
+++ b/src/course-outline/card-header/TitleLink.jsx
@@ -14,7 +14,7 @@ const TitleLink = ({
     className="item-card-header__title-btn"
     to={titleLink}
   >
-    <Truncate lines={1} className={`${namePrefix}-card-title mb-0`}>{title}</Truncate>
+    <Truncate.Deprecated lines={1} className={`${namePrefix}-card-title mb-0`}>{title}</Truncate.Deprecated>
   </Button>
 );
 
diff --git a/src/course-outline/empty-placeholder/EmptyPlaceholder.scss b/src/course-outline/empty-placeholder/EmptyPlaceholder.scss
index cf7c54ca4..2d8635751 100644
--- a/src/course-outline/empty-placeholder/EmptyPlaceholder.scss
+++ b/src/course-outline/empty-placeholder/EmptyPlaceholder.scss
@@ -3,8 +3,8 @@
   align-items: center;
   justify-content: center;
   gap: 1.25rem;
-  border: .0625rem solid $gray-200;
+  border: .0625rem solid var(--pgn-color-gray-200);
   border-radius: .375rem;
-  box-shadow: inset inset 0 1px .125rem 1px $gray-200;
+  box-shadow: inset inset 0 1px .125rem 1px var(--pgn-color-gray-200);
   padding: 2.5rem;
 }
diff --git a/src/course-outline/highlights-modal/HighlightsModal.scss b/src/course-outline/highlights-modal/HighlightsModal.scss
index ef991d8be..bb8119a48 100644
--- a/src/course-outline/highlights-modal/HighlightsModal.scss
+++ b/src/course-outline/highlights-modal/HighlightsModal.scss
@@ -6,7 +6,7 @@
   }
 
   .form-control {
-    color: $black;
+    color: var(--pgn-color-black);
   }
 
   .pgn__form-control-decorator-group {
diff --git a/src/course-outline/page-alerts/PageAlerts.jsx b/src/course-outline/page-alerts/PageAlerts.jsx
index ce921fc34..f71a9c368 100644
--- a/src/course-outline/page-alerts/PageAlerts.jsx
+++ b/src/course-outline/page-alerts/PageAlerts.jsx
@@ -359,9 +359,9 @@ const PageAlerts = ({
         }
         case API_ERROR_TYPES.serverError: {
           const description = (
-            <Truncate lines={2}>
+            <Truncate.Deprecated lines={2}>
               {v.data || intl.formatMessage(messages.serverErrorAlertBody)}
-            </Truncate>
+            </Truncate.Deprecated>
           );
           return {
             key: k,
diff --git a/src/course-outline/section-card/SectionCard.scss b/src/course-outline/section-card/SectionCard.scss
index 6eae48677..1674402bc 100644
--- a/src/course-outline/section-card/SectionCard.scss
+++ b/src/course-outline/section-card/SectionCard.scss
@@ -2,15 +2,15 @@
   flex-grow: 1;
 
   .section-card__subsections {
-    margin-top: $spacer;
+    margin-top: var(--pgn-spacing-spacer-base);
   }
 
   .section-card-title {
-    font-size: $h3-font-size;
-    font-family: $headings-font-family;
-    font-weight: $headings-font-weight;
-    line-height: $headings-line-height;
-    color: $headings-color;
+    font-size: var(--pgn-typography-font-size-h3-base);
+    font-family: var(--pgn-typography-headings-font-family);
+    font-weight: var(--pgn-typography-headings-font-weight);
+    line-height: var(--pgn-typography-headings-line-height);
+    color: var(--pgn-color-headings-base);
   }
 
   .section-card__content {
diff --git a/src/course-outline/subsection-card/SubsectionCard.scss b/src/course-outline/subsection-card/SubsectionCard.scss
index a4cca6628..ca91150f9 100644
--- a/src/course-outline/subsection-card/SubsectionCard.scss
+++ b/src/course-outline/subsection-card/SubsectionCard.scss
@@ -2,15 +2,15 @@
   flex-grow: 1;
 
   .subsection-card__units {
-    margin-top: $spacer;
+    margin-top: var(--pgn-spacing-spacer-base);
   }
 
   .subsection-card-title {
-    font-size: $h4-font-size;
-    font-family: $headings-font-family;
-    font-weight: $headings-font-weight;
-    line-height: $headings-line-height;
-    color: $headings-color;
+    font-size: var(--pgn-typography-font-size-h4-base);
+    font-family: var(--pgn-typography-headings-font-family);
+    font-weight: var(--pgn-typography-headings-font-weight);
+    line-height: var(--pgn-typography-headings-line-height);
+    color: var(--pgn-color-headings-base);
   }
 
   .subsection-card__content {
diff --git a/src/course-outline/unit-card/UnitCard.scss b/src/course-outline/unit-card/UnitCard.scss
index 9383d1e73..b17f39b5f 100644
--- a/src/course-outline/unit-card/UnitCard.scss
+++ b/src/course-outline/unit-card/UnitCard.scss
@@ -5,10 +5,10 @@
   // src/course-outline/card-header/TitleButton.jsx as
   // `${namePrefix}-card-title`
   .unit-card-title {
-    font-size: $h5-font-size;
-    font-family: $headings-font-family;
-    font-weight: $headings-font-weight;
-    line-height: $headings-line-height;
-    color: $headings-color;
+    font-size: var(--pgn-typography-font-size-h5-base);
+    font-family: var(--pgn-typography-headings-font-family);
+    font-weight: var(--pgn-typography-headings-font-weight);
+    line-height: var(--pgn-typography-headings-line-height);
+    color: var(--pgn-color-headings-base);
   }
 }
diff --git a/src/course-team/add-team-member/AddTeamMember.scss b/src/course-team/add-team-member/AddTeamMember.scss
index 6859a2dce..aa5b5ae1d 100644
--- a/src/course-team/add-team-member/AddTeamMember.scss
+++ b/src/course-team/add-team-member/AddTeamMember.scss
@@ -2,9 +2,9 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border: .0625rem solid $gray-200;
+  border: .0625rem solid var(--pgn-color-gray-200);
   border-radius: .375rem;
-  box-shadow: inset inset 0 1px .125rem 1px $gray-200;
+  box-shadow: inset inset 0 1px .125rem 1px var(--pgn-color-gray-200);
   padding: 1.25rem 1.875rem;
 
   .add-team-member-info {
@@ -12,6 +12,6 @@
   }
 
   .add-team-member-title {
-    font-size: $spacer;
+    font-size: var(--pgn-spacing-spacer-base);
   }
 }
diff --git a/src/course-team/add-user-form/AddUserForm.scss b/src/course-team/add-user-form/AddUserForm.scss
index 0286372ca..ca15da84f 100644
--- a/src/course-team/add-user-form/AddUserForm.scss
+++ b/src/course-team/add-user-form/AddUserForm.scss
@@ -1,11 +1,11 @@
 .add-user-form {
   display: flex;
   flex-direction: column;
-  border: .0625rem solid $gray-200;
+  border: .0625rem solid var(--pgn-color-gray-200);
   border-radius: .375rem;
-  box-shadow: 0 1px 1px $gray-200;
+  box-shadow: 0 1px 1px var(--pgn-color-gray-200);
   margin-bottom: 1.25rem;
-  background-color: $white;
+  background-color: var(--pgn-color-white);
 
   .form-title {
     font-size: 1.5rem;
@@ -14,7 +14,7 @@
 
   .form-field {
     padding: 1.25rem 1.875rem;
-    margin-bottom: $spacer;
+    margin-bottom: var(--pgn-spacing-spacer-base);
 
     .pgn__form-group {
       margin-bottom: 0;
@@ -31,12 +31,12 @@
   }
 
   .form-helper-text {
-    font-size: $font-size-xs;
+    font-size: var(--pgn-typography-font-size-xs);
   }
 
   .pgn__action-row {
-    padding: $spacer 1.875rem;
-    border-top: .0625rem solid $gray-200;
+    padding: var(--pgn-spacing-spacer-base) 1.875rem;
+    border-top: .0625rem solid var(--pgn-color-gray-200);
     justify-content: flex-start;
   }
 }
diff --git a/src/course-team/course-team-member/CourseTeamMember.scss b/src/course-team/course-team-member/CourseTeamMember.scss
index 61969a3cf..00ca7f8c9 100644
--- a/src/course-team/course-team-member/CourseTeamMember.scss
+++ b/src/course-team/course-team-member/CourseTeamMember.scss
@@ -8,10 +8,10 @@
   justify-content: space-between;
   position: relative;
   padding: 1.563rem 1.875rem 1.25rem;
-  background-color: $white;
-  border: .0625rem solid $gray-200;
+  background-color: var(--pgn-color-white);
+  border: .0625rem solid var(--pgn-color-gray-200);
   border-radius: .375rem;
-  box-shadow: 0 1px 1px $gray-200;
+  box-shadow: 0 1px 1px var(--pgn-color-gray-200);
 
   &:not(:last-child) {
     margin-bottom: 1.25rem;
@@ -41,12 +41,12 @@
   .member-hint {
     width: 45%;
     margin-right: 3.875rem;
-    color: $gray-300;
-    font-size: $font-size-sm;
+    color: var(--pgn-color-gray-300);
+    font-size: var(--pgn-typography-font-size-sm);
   }
 
   .member-actions {
     display: flex;
-    gap: $spacer;
+    gap: var(--pgn-spacing-spacer-base);
   }
 }
diff --git a/src/course-unit/add-component/AddComponent.scss b/src/course-unit/add-component/AddComponent.scss
index afb97fafd..47a807a45 100644
--- a/src/course-unit/add-component/AddComponent.scss
+++ b/src/course-unit/add-component/AddComponent.scss
@@ -4,8 +4,7 @@
   }
 
   .add-component-button {
-    @include pgn-box-shadow(1, "down");
-
+    box-shadow: var(--pgn-elevation-box-shadow-down-1);
     width: 11.63rem;
     height: 6.875rem;
   }
diff --git a/src/course-unit/course-sequence/CourseSequence.scss b/src/course-unit/course-sequence/CourseSequence.scss
index 9a0a34004..413a2ba99 100644
--- a/src/course-unit/course-sequence/CourseSequence.scss
+++ b/src/course-unit/course-sequence/CourseSequence.scss
@@ -12,10 +12,10 @@
     flex-grow: 1;
     position: relative;
     white-space: nowrap;
-    color: $gray-700;
+    color: var(--pgn-color-gray-700);
 
     &.btn-primary {
-      color: $white;
+      color: var(--pgn-color-white);
     }
 
     &:focus {
@@ -50,13 +50,13 @@
         text-align: left;
         overflow: hidden;
         min-width: 0;
-        margin: map-get($spacers, 0) $spacer;
+        margin: var(--pgn-spacing-spacer-0) var(--pgn-spacing-spacer-base);
         text-overflow: ellipsis;
       }
 
       &.btn-primary {
-        background-color: $primary-500;
-        color: $white;
+        background-color: var(--pgn-color-primary-500);
+        color: var(--pgn-color-white);
       }
     }
   }
@@ -69,15 +69,15 @@
 
   .sequence-navigation-prev-btn,
   .sequence-navigation-next-btn {
-    @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+    @media (--pgn-size-breakpoint-max-width-xs) {
       min-width: fit-content;
-      padding-top: $spacer;
-      padding-bottom: $spacer;
+      padding-top: var(--pgn-spacing-spacer-base);
+      padding-bottom: var(--pgn-spacing-spacer-base);
     }
 
-    @media (min-width: map-get($grid-breakpoints, "sm")) {
-      padding-left: map-get($spacers, 4\.5);
-      padding-right: map-get($spacers, 4\.5);
+    @media (--pgn-size-breakpoint-min-width-sm) {
+      padding-left: var(--pgn-spacing-spacer-4-5);
+      padding-right: var(--pgn-spacing-spacer-4-5);
     }
   }
 }
diff --git a/src/course-unit/header-title/HeaderTitle.scss b/src/course-unit/header-title/HeaderTitle.scss
index 753c3b718..d191b1cfe 100644
--- a/src/course-unit/header-title/HeaderTitle.scss
+++ b/src/course-unit/header-title/HeaderTitle.scss
@@ -1,4 +1,4 @@
 .header-title__visibility-message {
-  font-size: $font-size-sm;
-  font-weight: $font-weight-normal;
+  font-size: var(--pgn-typography-font-size-sm);
+  font-weight: var(--pgn-typography-font-weight-normal);
 }
diff --git a/src/course-unit/move-modal/index.scss b/src/course-unit/move-modal/index.scss
index b644898e2..e8438c415 100644
--- a/src/course-unit/move-modal/index.scss
+++ b/src/course-unit/move-modal/index.scss
@@ -14,22 +14,22 @@
     }
 
     .pgn__modal-header {
-        @include pgn-box-shadow(2, "centered");
+        box-shadow: var(--pgn-elevation-box-shadow-centered-2);
     }
 
     .pgn__modal-footer {
-        @include pgn-box-shadow(2, "down");
+        box-shadow: var(--pgn-elevation-box-shadow-down-2);
     }
 
     .pgn__modal-body {
-        background: $white;
+        background: var(--pgn-color-white);
         padding-left: 0;
         padding-right: 0;
     }
 
     .pgn__breadcrumb {
-        border-bottom: 1px solid $light-300;
-        padding: map-get($spacers, 1) map-get($spacers, 4) $spacer;
+        border-bottom: 1px solid var(--pgn-color-light-300);
+        padding: var(--pgn-spacing-spacer-1) var(--pgn-spacing-spacer-4) var(--pgn-spacing-spacer-base);
 
         .list-inline {
             flex-wrap: wrap;
@@ -38,7 +38,7 @@
         .list-inline-item {
             &.active,
             a.link-muted {
-                color: $dark-500;
+                color: var(--pgn-color-dark-500);
             }
 
             a.link-muted {
@@ -48,7 +48,7 @@
     }
 
     .xblock-items-category {
-        padding: $spacer map-get($spacers, 4) map-get($spacers, 2\.5);
+        padding: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-4) var(--pgn-spacing-spacer-2-5);
     }
 
     .xblock-items-container {
@@ -61,13 +61,13 @@
             display: flex;
             border-radius: 0;
             width: 100%;
-            gap: map-get($spacers, 2);
-            padding: .5625rem $spacer .5625rem map-get($spacers, 4);
+            gap: var(--pgn-spacing-spacer-2);
+            padding: .5625rem var(--pgn-spacing-spacer-base) .5625rem var(--pgn-spacing-spacer-4);
         }
 
         .btn {
             &:hover {
-                background: $light-300;
+                background: var(--pgn-color-light-300);
                 text-decoration: none;
             }
         }
diff --git a/src/course-unit/sidebar/Sidebar.scss b/src/course-unit/sidebar/Sidebar.scss
index 3aea46c49..58416091b 100644
--- a/src/course-unit/sidebar/Sidebar.scss
+++ b/src/course-unit/sidebar/Sidebar.scss
@@ -1,29 +1,29 @@
 %base-font-params {
-  font-size: $font-size-sm;
-  line-height: $line-height-base;
+  font-size: var(--pgn-typography-font-size-sm);
+  line-height: var(--pgn-typography-line-height-base);
 }
 
 .course-unit-sidebar {
   .course-unit-sidebar-header {
-    padding: $spacer $spacer map-get($spacers, 3\.5);
+    padding: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-3-5);
 
     .course-unit-sidebar-header-icon {
-      margin-right: map-get($spacers, 1);
+      margin-right: var(--pgn-spacing-spacer-1);
     }
 
     .course-unit-sidebar-header-title {
-      font-size: $font-size-base;
-      line-height: $line-height-base;
+      font-size: var(--pgn-typography-font-size-base);
+      line-height: var(--pgn-typography-line-height-base);
     }
   }
 
   .course-unit-sidebar-footer {
-    padding: 0 $spacer $spacer;
+    padding: 0 var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base);
 
     .course-unit-sidebar-visibility {
       .course-unit-sidebar-visibility-title {
-        font-weight: $font-weight-normal;
-        color: $gray-700;
+        font-weight: var(--pgn-typography-font-weight-normal);
+        color: var(--pgn-color-gray-700);
 
         @extend %base-font-params;
       }
@@ -33,46 +33,46 @@
       }
 
       .course-unit-sidebar-location-description {
-        font-size: $font-size-xs;
-        line-height: $line-height-base;
+        font-size: var(--pgn-typography-font-size-xs);
+        line-height: var(--pgn-typography-line-height-base);
         word-break: break-word;
       }
 
       .course-unit-sidebar-visibility-copy {
-        font-weight: $font-weight-bold;
-        color: $gray-700;
+        font-weight: var(--pgn-typography-font-weight-bold);
+        color: var(--pgn-color-gray-700);
 
         @extend %base-font-params;
       }
 
       .course-unit-sidebar-visibility-checkbox .pgn__form-label {
-        font-size: $font-size-sm;
-        line-height: $headings-line-height;
+        font-size: var(--pgn-typography-font-size-sm);
+        line-height: var(--pgn-typography-headings-line-height);
       }
     }
 
     .course-unit-sidebar-footer__divider {
-      margin: map-get($spacers, 3\.5) map-get($spacers, 0) map-get($spacers, 3\.5);
+      margin: var(--pgn-spacing-spacer-3-5) var(--pgn-spacing-spacer-0) var(--pgn-spacing-spacer-3-5);
     }
 
     .course-unit-sidebar-footer__discard-changes__btn + .course-unit-sidebar-footer__divider {
-      margin: map-get($spacers, 2) map-get($spacers, 0) map-get($spacers, 3\.5);
+      margin: var(--pgn-spacing-spacer-2) var(--pgn-spacing-spacer-0) var(--pgn-spacing-spacer-3-5);
     }
   }
 
   .course-unit-sidebar-date {
-    padding: 0 $spacer $spacer;
+    padding: 0 var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base);
 
     @extend %base-font-params;
 
     .course-unit-sidebar-date-stage {
-      font-weight: $font-weight-normal;
+      font-weight: var(--pgn-typography-font-weight-normal);
 
       @extend %base-font-params;
     }
 
     .course-unit-sidebar-date-timestamp {
-      color: $gray-700;
+      color: var(--pgn-color-gray-700);
 
       @extend %base-font-params;
     }
@@ -83,13 +83,13 @@
   }
 
   .course-split-test-sidebar {
-    padding: $spacer;
+    padding: var(--pgn-spacing-spacer-base);
 
     @extend %base-font-params;
 
     .course-split-test-sidebar-title {
-      font-size: $font-size-base;
-      line-height: $line-height-base;
+      font-size: var(--pgn-typography-font-size-base);
+      line-height: var(--pgn-typography-line-height-base);
     }
 
     .course-split-test-sidebar-devider {
diff --git a/src/course-unit/xblock-container-iframe/index.scss b/src/course-unit/xblock-container-iframe/index.scss
index d054ff5b1..c6c419601 100644
--- a/src/course-unit/xblock-container-iframe/index.scss
+++ b/src/course-unit/xblock-container-iframe/index.scss
@@ -1,4 +1,4 @@
 .xblock-container-iframe {
-    width: calc(100% + ($spacer * .3125));
-    margin: 0 (($spacer * .3125) * -1);
+    width: calc(100% + var(--pgn-spacing-spacer-base) * .3125);
+    margin: 0 calc(var(--pgn-spacing-spacer-base) * .3125 * -1);
 }
diff --git a/src/course-updates/CourseUpdates.scss b/src/course-updates/CourseUpdates.scss
index 72a9ff7ab..e07cc9f04 100644
--- a/src/course-updates/CourseUpdates.scss
+++ b/src/course-updates/CourseUpdates.scss
@@ -3,18 +3,17 @@
 @import "./update-form/UpdateForm";
 
 .updates-container {
-  @include pgn-box-shadow(1, "centered");
-
+  box-shadow: var(--pgn-elevation-box-shadow-centered-1);
   display: grid;
   grid-template-columns: 65% 35%;
-  border: .0625rem solid $gray-200;
+  border: .0625rem solid var(--pgn-color-gray-200);
   border-radius: .375rem;
-  background: $white;
+  background: var(--pgn-color-white);
   overflow: hidden;
 }
 
 .updates-handouts-container {
-  border-left: .0625rem solid $gray-200;
+  border-left: .0625rem solid var(--pgn-color-gray-200);
   padding: 1.875rem;
-  background: $white;
+  background: var(--pgn-color-white);
 }
diff --git a/src/course-updates/course-handouts/CourseHandouts.scss b/src/course-updates/course-handouts/CourseHandouts.scss
index 731ddae5d..b3785a944 100644
--- a/src/course-updates/course-handouts/CourseHandouts.scss
+++ b/src/course-updates/course-handouts/CourseHandouts.scss
@@ -2,11 +2,11 @@
   .course-handouts-header {
     display: flex;
     justify-content: space-between;
-    margin-bottom: $spacer;
+    margin-bottom: var(--pgn-spacing-spacer-base);
 
     .course-handouts-header__title {
       font-weight: 300;
-      color: $gray-800;
+      color: var(--pgn-color-gray-800);
     }
 
     .course-handouts-header__btn {
diff --git a/src/course-updates/course-update/CourseUpdate.scss b/src/course-updates/course-update/CourseUpdate.scss
index 43f98bdfa..ab9a1c1b7 100644
--- a/src/course-updates/course-update/CourseUpdate.scss
+++ b/src/course-updates/course-update/CourseUpdate.scss
@@ -2,7 +2,7 @@
   &:not(:first-child) {
     padding-top: 1.875rem;
     margin-top: 1.875rem;
-    border-top: 1px solid $light-400;
+    border-top: 1px solid var(--pgn-color-light-400);
   }
 
   .course-update-header {
@@ -22,7 +22,7 @@
       gap: .25rem;
 
       svg {
-        color: $warning-300;
+        color: var(--pgn-color-warning-300);
       }
     }
 
diff --git a/src/course-updates/update-form/UpdateForm.scss b/src/course-updates/update-form/UpdateForm.scss
index a7a0ad0d1..dc335e316 100644
--- a/src/course-updates/update-form/UpdateForm.scss
+++ b/src/course-updates/update-form/UpdateForm.scss
@@ -1,16 +1,15 @@
 .update-form {
-  @include pgn-box-shadow(1, "centered");
-
-  border: .0625rem solid $gray-200;
+  box-shadow: var(--pgn-elevation-box-shadow-centered-1);
+  border: .0625rem solid var(--pgn-color-gray-200);
   border-radius: .375rem;
-  background: $white;
-  margin-bottom: map-get($spacers, 4);
-  padding: $spacer 1.875rem;
+  background: var(--pgn-color-white);
+  margin-bottom: var(--pgn-spacing-spacer-4);
+  padding: var(--pgn-spacing-spacer-base) 1.875rem;
 
   .update-form-title {
     font-size: 1.5rem;
     font-weight: 600;
-    margin-bottom: $spacer;
+    margin-bottom: var(--pgn-spacing-spacer-base);
   }
 
   .datepicker-field {
@@ -25,7 +24,7 @@
       top: -.625rem;
       left: .3125rem;
       z-index: 9;
-      background-color: $white;
+      background-color: var(--pgn-color-white);
     }
 
     .datepicker-field-error {
@@ -35,7 +34,7 @@
     }
 
     .react-datepicker-popper {
-      z-index: $zindex-dropdown;
+      z-index: var(--pgn-elevation-dropdown-zindex);
     }
   }
 }
@@ -43,8 +42,8 @@
 .update-form__inner {
   margin-bottom: 0;
   margin-top: 1.875rem;
-  padding: map-get($spacers, 4) 0 0;
-  border-top: .0625rem solid $light-400;
+  padding: var(--pgn-spacing-spacer-4) 0 0;
+  border-top: .0625rem solid var(--pgn-color-light-400);
   border-bottom: none;
   border-left: none;
   border-right: none;
diff --git a/src/editors/containers/EditorContainer/components/TitleHeader/__snapshots__/index.test.jsx.snap b/src/editors/containers/EditorContainer/components/TitleHeader/__snapshots__/index.test.jsx.snap
index bcc8a044e..2f7da401e 100644
--- a/src/editors/containers/EditorContainer/components/TitleHeader/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/EditorContainer/components/TitleHeader/__snapshots__/index.test.jsx.snap
@@ -14,11 +14,11 @@ exports[`TitleHeader snapshots initialized 1`] = `
 <div
   className="d-flex flex-row align-items-center mt-1"
 >
-  <Truncate>
+  <Truncate.Deprecated>
     {
       "useSelector": [Function],
     }
-  </Truncate>
+  </Truncate.Deprecated>
   <IconButton
     alt="Edit Title"
     className="mx-2"
diff --git a/src/editors/containers/EditorContainer/components/TitleHeader/index.jsx b/src/editors/containers/EditorContainer/components/TitleHeader/index.jsx
index 8e3f017bc..cca001924 100644
--- a/src/editors/containers/EditorContainer/components/TitleHeader/index.jsx
+++ b/src/editors/containers/EditorContainer/components/TitleHeader/index.jsx
@@ -49,9 +49,9 @@ const TitleHeader = ({
   }
   return (
     <div className="d-flex flex-row align-items-center mt-1">
-      <Truncate>
+      <Truncate.Deprecated>
         {title}
-      </Truncate>
+      </Truncate.Deprecated>
       <IconButton
         alt={intl.formatMessage(messages.editTitleLabel)}
         iconAs={Icon}
diff --git a/src/editors/setupEditorTest.js b/src/editors/setupEditorTest.js
index 88129bd9a..4ccd927f8 100644
--- a/src/editors/setupEditorTest.js
+++ b/src/editors/setupEditorTest.js
@@ -101,7 +101,9 @@ jest.mock('@openedx/paragon', () => jest.requireActual('./testUtils').mockNested
   Spinner: 'Spinner',
   Stack: 'Stack',
   Toast: 'Toast',
-  Truncate: 'Truncate',
+  Truncate: {
+    Deprecated: 'Truncate.Deprecated',
+  },
   useWindowSize: { height: '500px' },
 }));
 
diff --git a/src/editors/sharedComponents/CodeEditor/index.scss b/src/editors/sharedComponents/CodeEditor/index.scss
index e24ef7539..a17984478 100644
--- a/src/editors/sharedComponents/CodeEditor/index.scss
+++ b/src/editors/sharedComponents/CodeEditor/index.scss
@@ -1,2 +1,2 @@
 .cm-editor { height: 100% }
-.cm-scroller { overflow: auto }
\ No newline at end of file
+.cm-scroller { overflow: auto }
diff --git a/src/editors/sharedComponents/SelectableBox/index.scss b/src/editors/sharedComponents/SelectableBox/index.scss
index 1038286af..35d24dfd7 100644
--- a/src/editors/sharedComponents/SelectableBox/index.scss
+++ b/src/editors/sharedComponents/SelectableBox/index.scss
@@ -3,7 +3,7 @@
 .pgn__selectable_box-set {
   display: grid;
   grid-auto-rows: 1fr;
-  grid-gap: $selectable-box-space;
+  grid-gap: var(--pgn-spacing-selectable-box-box-space);
 
   @for $i from $min-cols-number through $max-cols-number {
     &.pgn__selectable_box-set--#{$i} {
@@ -19,21 +19,21 @@
 .pgn__selectable_box {
   position: relative;
   height: 100%;
-  padding: $selectable-box-padding;
-  box-shadow: $level-1-box-shadow;
-  border-radius: $selectable-box-border-radius;
+  padding: var(--pgn-spacing-selectable-box-padding);
+  box-shadow: var(--pgn-elevation-box-shadow-level-1);
+  border-radius: var(--pgn-spacing-selectable-box-border-radius);
   text-align: start;
-  background: $white;
+  background: var(--pgn-color-white);
 
   &:focus-visible {
-    outline: 1px solid $primary-700;
+    outline: 1px solid var(--pgn-color-primary-700);
   }
 
   .pgn__form-radio,
   .pgn__form-checkbox {
     position: absolute;
-    top: $selectable-box-padding;
-    inset-inline-end: $selectable-box-padding;
+    top: var(--pgn-spacing-selectable-box-padding);
+    inset-inline-end: var(--pgn-spacing-selectable-box-padding);
 
     input {
       margin-inline-end: 0;
@@ -46,9 +46,9 @@
 }
 
 .pgn__selectable_box-active {
-  outline: 2px solid $primary-500;
+  outline: 2px solid var(--pgn-color-primary-500);
 }
 
 .pgn__selectable_box-invalid {
-  outline: 2px solid $danger-300;
+  outline: 2px solid var(--pgn-color-danger-300);
 }
diff --git a/src/editors/sharedComponents/SelectionModal/GalleryCard.jsx b/src/editors/sharedComponents/SelectionModal/GalleryCard.jsx
index 4ffcb63af..a9f6f5a6e 100644
--- a/src/editors/sharedComponents/SelectionModal/GalleryCard.jsx
+++ b/src/editors/sharedComponents/SelectionModal/GalleryCard.jsx
@@ -66,7 +66,7 @@ const GalleryCard = ({
         </div>
         <div className="card-text px-3 py-2" style={{ marginTop: '10px' }}>
           <h3 className="text-primary-500">
-            <Truncate>{asset.displayName}</Truncate>
+            <Truncate.Deprecated>{asset.displayName}</Truncate.Deprecated>
           </h3>
           { asset.transcripts && (
             <div style={{ margin: '0 0 5px 0' }}>
diff --git a/src/files-and-videos/files-page/FileInfoModalSidebar.jsx b/src/files-and-videos/files-page/FileInfoModalSidebar.jsx
index ce2db6c62..2b4246d4b 100644
--- a/src/files-and-videos/files-page/FileInfoModalSidebar.jsx
+++ b/src/files-and-videos/files-page/FileInfoModalSidebar.jsx
@@ -57,9 +57,9 @@ const FileInfoModalSidebar = ({
       </div>
       <ActionRow>
         <div style={{ wordBreak: 'break-word' }}>
-          <Truncate lines={1}>
+          <Truncate.Deprecated lines={1}>
             {asset?.portableUrl}
-          </Truncate>
+          </Truncate.Deprecated>
         </div>
         <ActionRow.Spacer />
         <IconButton
diff --git a/src/files-and-videos/generic/DeleteConfirmationModal.jsx b/src/files-and-videos/generic/DeleteConfirmationModal.jsx
index bbcb3ab7e..0955c83a5 100644
--- a/src/files-and-videos/generic/DeleteConfirmationModal.jsx
+++ b/src/files-and-videos/generic/DeleteConfirmationModal.jsx
@@ -35,9 +35,9 @@ const DeleteConfirmationModal = ({
         styling="basic"
         title={(
           <h3 className="h5 m-n2">
-            <Truncate lines={1}>
+            <Truncate.Deprecated lines={1}>
               {original.displayName}
-            </Truncate>
+            </Truncate.Deprecated>
           </h3>
         )}
         data-testid={`collapsible-${original.id}`}
diff --git a/src/files-and-videos/generic/InfoModal.jsx b/src/files-and-videos/generic/InfoModal.jsx
index 14276a4c2..39d4d7961 100644
--- a/src/files-and-videos/generic/InfoModal.jsx
+++ b/src/files-and-videos/generic/InfoModal.jsx
@@ -48,9 +48,9 @@ const InfoModal = ({
       <ModalDialog.Header>
         <ModalDialog.Title>
           <div style={{ wordBreak: 'break-word' }}>
-            <Truncate lines={2} className="font-weight-bold small mt-3">
+            <Truncate.Deprecated lines={2} className="font-weight-bold small mt-3">
               {file?.displayName}
-            </Truncate>
+            </Truncate.Deprecated>
           </div>
         </ModalDialog.Title>
       </ModalDialog.Header>
diff --git a/src/files-and-videos/generic/table-components/GalleryCard.jsx b/src/files-and-videos/generic/table-components/GalleryCard.jsx
index fa21a182c..c51820a96 100644
--- a/src/files-and-videos/generic/table-components/GalleryCard.jsx
+++ b/src/files-and-videos/generic/table-components/GalleryCard.jsx
@@ -67,9 +67,9 @@ const GalleryCard = ({
           />
         </div>
         <div style={{ wordBreak: 'break-word' }}>
-          <Truncate lines={1} className="font-weight-bold mt-2 picture-title">
+          <Truncate.Deprecated lines={1} className="font-weight-bold mt-2 picture-title">
             {original.displayName}
-          </Truncate>
+          </Truncate.Deprecated>
         </div>
       </Card.Section>
       <Card.Footer className="p-3 pt-4 row m-0 flex-row-reverse justify-content-between align-items-center">
diff --git a/src/files-and-videos/index.scss b/src/files-and-videos/index.scss
index 0af510291..94651e9b7 100644
--- a/src/files-and-videos/index.scss
+++ b/src/files-and-videos/index.scss
@@ -14,7 +14,7 @@
   }
 
   .pgn__data-table-wrapper {
-    background-color: $light-200;
+    background-color: var(--pgn-color-light-200);
     box-shadow: 0 0 0;
 
     .pgn__data-table-status-bar {
@@ -45,8 +45,7 @@
     overflow-x: hidden;
     max-height: 500px;
     width: 321px;
-
-    @include pgn-box-shadow(2, "down");
+    box-shadow: var(--pgn-elevation-box-shadow-down-2);
 
     .pgn__menu-item {
       width: 100%;
@@ -54,7 +53,7 @@
       font-weight: 400;
 
       &:hover {
-        background-color: $light-300;
+        background-color: var(--pgn-color-light-300);
       }
     }
   }
diff --git a/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss b/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss
index e42eb28a1..9e893d971 100644
--- a/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss
+++ b/src/files-and-videos/videos-page/info-sidebar/transcript-item/LanguageSelect.scss
@@ -4,8 +4,7 @@
   overflow-x: hidden;
   max-height: 275px;
   width: 300px;
-
-  @include pgn-box-shadow(2, "down");
+  box-shadow: var(--pgn-elevation-box-shadow-down-2);
 
   .pgn__menu-item {
     width: 100%;
@@ -13,7 +12,7 @@
     font-weight: 400;
 
     &:hover {
-      background-color: $light-300;
+      background-color: var(--pgn-color-light-300);
     }
 
     .pgn__menu-item-text {
diff --git a/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss b/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss
index 5a21a8d12..3b4a2f77a 100644
--- a/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss
+++ b/src/files-and-videos/videos-page/info-sidebar/transcript-item/TranscriptMenu.scss
@@ -2,8 +2,7 @@
   padding: 8px 0;
   margin: 0;
   width: 250px;
-
-  @include pgn-box-shadow(2, "down");
+  box-shadow: var(--pgn-elevation-box-shadow-down-2);
 
   .pgn__menu-item {
     width: 100%;
@@ -11,7 +10,7 @@
     font-weight: 400;
 
     &:hover {
-      background-color: $light-300;
+      background-color: var(--pgn-color-light-300);
     }
   }
 }
diff --git a/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx b/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx
index fdecdb35b..450de9d9e 100644
--- a/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx
+++ b/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx
@@ -25,9 +25,9 @@ const UploadProgressList = ({ videosList }) => (
         <Stack role="listitem" gap={2} direction="horizontal" className="mb-3 small" key={id}>
           <span>{bulletNumber}</span>
           <div className="col-5 pl-0">
-            <Truncate>
+            <Truncate.Deprecated>
               {video.name}
-            </Truncate>
+            </Truncate.Deprecated>
           </div>
           <div className="col-6 p-0">
             <span className="row m-0 justify-content-end font-weight-bold">
diff --git a/src/generic/WysiwygEditor.scss b/src/generic/WysiwygEditor.scss
index 06a122658..745cf2b63 100644
--- a/src/generic/WysiwygEditor.scss
+++ b/src/generic/WysiwygEditor.scss
@@ -1,5 +1,5 @@
 .tox-dialog-wrap__backdrop {
-  background-color: $black !important;
+  background-color: var(--pgn-color-black) !important;
   opacity: .5;
-  z-index: $zindex-modal-backdrop;
+  z-index: var(--pgn-elevation-modal-backdrop-zindex);
 }
diff --git a/src/generic/block-type-utils/index.scss b/src/generic/block-type-utils/index.scss
index 1df9bb9e7..70e488214 100644
--- a/src/generic/block-type-utils/index.scss
+++ b/src/generic/block-type-utils/index.scss
@@ -17,7 +17,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#005C9E, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -42,7 +42,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#9747FF, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -67,7 +67,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#FFCD29, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -92,7 +92,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#358F0A, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -117,7 +117,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#0B8E77, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -142,7 +142,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#EA3E3E, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -168,7 +168,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#45009E, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
@@ -193,7 +193,7 @@
 
     &:hover, &:active, &:focus {
       background-color: lighten(#646464, 20%);
-      border: 1px solid $primary;
+      border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }
   }
diff --git a/src/generic/clipboard/paste-component/PasteComponent.scss b/src/generic/clipboard/paste-component/PasteComponent.scss
index c68ed4e4c..af6d3b035 100644
--- a/src/generic/clipboard/paste-component/PasteComponent.scss
+++ b/src/generic/clipboard/paste-component/PasteComponent.scss
@@ -10,7 +10,7 @@
   }
 
   .whats-in-clipboard-text {
-    font-size: $font-size-sm;
+    font-size: var(--pgn-typography-font-size-sm);
   }
 }
 
@@ -35,9 +35,9 @@
 
   .clipboard-popover-detail-block-type {
     display: block;
-    font-size: $font-size-sm;
+    font-size: var(--pgn-typography-font-size-sm);
     line-height: 1.313rem;
-    color: $gray-700;
+    color: var(--pgn-color-gray-700);
   }
 
   .clipboard-popover-detail-course-name {
diff --git a/src/generic/course-stepper/CouseStepper.scss b/src/generic/course-stepper/CouseStepper.scss
index 868f1c6f8..fcea33979 100644
--- a/src/generic/course-stepper/CouseStepper.scss
+++ b/src/generic/course-stepper/CouseStepper.scss
@@ -1,12 +1,12 @@
 .course-stepper {
   .course-stepper__step {
     display: flex;
-    gap: $spacer;
+    gap: var(--pgn-spacing-spacer-base);
     padding: 1.25rem 0;
     opacity: .5;
 
     &:not(:last-child) {
-      border-bottom: 1px solid $gray-200;
+      border-bottom: 1px solid var(--pgn-color-gray-200);
     }
 
     .course-stepper__step-icon {
@@ -35,7 +35,7 @@
     .course-stepper__step-description {
       margin: 0;
       font-size: 1rem;
-      color: $gray-400;
+      color: var(--pgn-color-gray-400);
     }
   }
 
@@ -52,7 +52,7 @@
 
     & svg,
     .course-stepper__step-title {
-      color: $success-500;
+      color: var(--pgn-color-success-500);
     }
   }
 
@@ -62,7 +62,7 @@
     .course-stepper__step-title,
     .course-stepper__step-description,
     & svg {
-      color: $danger-300;
+      color: var(--pgn-color-danger-300);
     }
   }
 }
diff --git a/src/generic/course-upload-image/CourseUploadImage.scss b/src/generic/course-upload-image/CourseUploadImage.scss
index 966f592be..97026e7b1 100644
--- a/src/generic/course-upload-image/CourseUploadImage.scss
+++ b/src/generic/course-upload-image/CourseUploadImage.scss
@@ -1,14 +1,13 @@
 .image-preview {
-  @include pgn-box-shadow(1, "down");
-
+  box-shadow: var(--pgn-elevation-box-shadow-down-1);
   display: block;
   width: 23.4375rem;
   height: 12.5rem;
   overflow: hidden;
   margin: 0 auto;
-  border: .0625rem solid $gray-300;
+  border: .0625rem solid var(--pgn-color-gray-300);
   padding: .625rem;
-  background: $white;
+  background: var(--pgn-color-white);
 
   img {
     display: block;
@@ -21,6 +20,6 @@
   text-align: center;
 
   .pgn__dropzone {
-    background: $white;
+    background: var(--pgn-color-white);
   }
 }
diff --git a/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss b/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss
index 5894c96ad..95897e760 100644
--- a/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss
+++ b/src/generic/create-or-rerun-course/CreateOrRerunCourseForm.scss
@@ -1,12 +1,12 @@
 .create-or-rerun-course-form {
   .form-group-custom {
     &:not(:last-child) {
-      margin-bottom: $spacer;
+      margin-bottom: var(--pgn-spacing-spacer-base);
     }
 
     .pgn__form-label {
-      font: normal 1.125rem/1.75rem $font-family-base;
-      color: $gray-700;
+      font: normal 1.125rem/1.75rem var(--pgn-typography-font-family-base);
+      color: var(--pgn-color-gray-700);
       margin-bottom: .25rem;
     }
 
diff --git a/src/generic/divider/Divider.scss b/src/generic/divider/Divider.scss
index b78206689..5f0b9cff6 100644
--- a/src/generic/divider/Divider.scss
+++ b/src/generic/divider/Divider.scss
@@ -1,5 +1,5 @@
 .divider {
-  border-top: $border-width solid $light-400;
+  border-top: var(--pgn-size-border-width) solid var(--pgn-color-light-400);
   height: 0;
-  margin: $spacer map-get($spacers, 0);
+  margin: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-0);
 }
diff --git a/src/generic/help-sidebar/HelpSidebar.scss b/src/generic/help-sidebar/HelpSidebar.scss
index 26f08f2e9..c4b24300f 100644
--- a/src/generic/help-sidebar/HelpSidebar.scss
+++ b/src/generic/help-sidebar/HelpSidebar.scss
@@ -1,17 +1,17 @@
 .help-sidebar {
   .help-sidebar-about {
     .help-sidebar-about-title {
-      color: $black;
+      color: var(--pgn-color-black);
       margin-bottom: 1.25rem;
     }
 
     .help-sidebar-about-descriptions {
-      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+      font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
       color: $text-color-base;
     }
 
     .help-sidebar-about-link {
-      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+      font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
     }
   }
 
@@ -20,15 +20,15 @@
   }
 
   .help-sidebar-other-title {
-    font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base;
-    color: $black;
+    font: normal var(--pgn-typography-font-weight-bold) 1.125rem/1.5rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-black);
     margin-bottom: 1.25rem;
   }
 
   .sidebar-link {
-    font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+    font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
     line-height: 1.5rem;
-    color: $info-500;
+    color: var(--pgn-color-info-500);
     margin-bottom: .5rem;
   }
 }
diff --git a/src/generic/inplace-text-editor/index.tsx b/src/generic/inplace-text-editor/index.tsx
index cb07d2ffa..07624d705 100644
--- a/src/generic/inplace-text-editor/index.tsx
+++ b/src/generic/inplace-text-editor/index.tsx
@@ -69,9 +69,9 @@ export const InplaceTextEditor: React.FC<InplaceTextEditorProps> = ({
   // In that case, we show the new text instead of the original in read-only mode as an optimistic update.
   if (readOnly || pendingSaveText) {
     return (
-      <Truncate className={textClassName}>
+      <Truncate.Deprecated className={textClassName}>
         {pendingSaveText || text}
-      </Truncate>
+      </Truncate.Deprecated>
     );
   }
 
@@ -93,9 +93,9 @@ export const InplaceTextEditor: React.FC<InplaceTextEditorProps> = ({
         )
         : (
           <>
-            <Truncate className={textClassName}>
+            <Truncate.Deprecated className={textClassName}>
               {text}
-            </Truncate>
+            </Truncate.Deprecated>
             <IconButton
               src={Edit}
               iconAs={Icon}
diff --git a/src/generic/modal-dropzone/ModalDropzone.scss b/src/generic/modal-dropzone/ModalDropzone.scss
index e5283f38c..dbb64e35a 100644
--- a/src/generic/modal-dropzone/ModalDropzone.scss
+++ b/src/generic/modal-dropzone/ModalDropzone.scss
@@ -7,7 +7,7 @@
   min-height: 300px;
 
   .pgn__dropzone {
-    background: $white;
+    background: var(--pgn-color-white);
     height: 100%;
     min-height: 18.75rem;
   }
diff --git a/src/generic/modal-iframe/index.scss b/src/generic/modal-iframe/index.scss
index dd462ffa5..43c87a90f 100644
--- a/src/generic/modal-iframe/index.scss
+++ b/src/generic/modal-iframe/index.scss
@@ -4,7 +4,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: $zindex-modal;
+  z-index: var(--pgn-elevation-modal-zindex);
 
   iframe {
     width: inherit;
diff --git a/src/generic/processing-notification/ProccessingNotification.scss b/src/generic/processing-notification/ProccessingNotification.scss
index 455c16a40..0b92c3514 100644
--- a/src/generic/processing-notification/ProccessingNotification.scss
+++ b/src/generic/processing-notification/ProccessingNotification.scss
@@ -11,5 +11,5 @@
 .toast-container {
   right: 1.25rem;
   left: unset;
-  z-index: $zindex-popover;
+  z-index: var(--pgn-elevation-popover-zindex);
 }
diff --git a/src/generic/section-sub-header/SectionSubHeader.scss b/src/generic/section-sub-header/SectionSubHeader.scss
index fc341029e..cceb85fd8 100644
--- a/src/generic/section-sub-header/SectionSubHeader.scss
+++ b/src/generic/section-sub-header/SectionSubHeader.scss
@@ -3,10 +3,10 @@
   justify-content: space-between;
   align-items: center;
   margin-bottom: .75rem;
-  border-bottom: $border-width solid $light-400;
+  border-bottom: var(--pgn-size-border-width) solid var(--pgn-color-light-400);
 
   h2 {
-    color: $black;
+    color: var(--pgn-color-black);
     margin-bottom: .75rem;
   }
 }
diff --git a/src/generic/sub-header/SubHeader.scss b/src/generic/sub-header/SubHeader.scss
index dc7622222..ea3029b67 100644
--- a/src/generic/sub-header/SubHeader.scss
+++ b/src/generic/sub-header/SubHeader.scss
@@ -1,6 +1,6 @@
 .sub-header {
   display: flex;
-  gap: map-get($spacers, 4\.5);
+  gap: var(--pgn-spacing-spacer-4-5);
 
   .sub-header-actions {
     margin-bottom: 1.75rem;
@@ -9,25 +9,25 @@
 }
 
 .sub-header-title {
-  font: normal $font-weight-bold 2rem/2.25rem $font-family-base;
-  color: $black;
+  font: normal var(--pgn-typography-font-weight-bold) 2rem/2.25rem var(--pgn-typography-font-family-base);
+  color: var(--pgn-color-black);
 
   .sub-header-title-subtitle,
   .sub-header-breadcrumbs {
-    font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+    font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
     display: block;
     color: $text-color-base;
   }
 }
 
 .sub-header-content-title {
-  font: normal $font-weight-normal 1.375rem/1.5 $font-family-base;
+  font: normal var(--pgn-typography-font-weight-normal) 1.375rem/1.5 var(--pgn-typography-font-family-base);
   margin-bottom: 0;
-  color: $black;
+  color: var(--pgn-color-black);
 }
 
 .sub-header-instructions {
-  font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+  font: normal var(--pgn-typography-font-weight-normal) .875rem/1.5rem var(--pgn-typography-font-family-base);
   color: $text-color-base;
 }
 
diff --git a/src/grading-settings/assignment-section/AssignmentSection.scss b/src/grading-settings/assignment-section/AssignmentSection.scss
index 69d17c3ae..2b73f97f0 100644
--- a/src/grading-settings/assignment-section/AssignmentSection.scss
+++ b/src/grading-settings/assignment-section/AssignmentSection.scss
@@ -1,8 +1,8 @@
 .course-grading-assignment-wrapper {
-  background-color: $white;
-  padding: map-get($spacers, 4);
+  background-color: var(--pgn-color-white);
+  padding: var(--pgn-spacing-spacer-4);
   text-align: right;
-  border: 1px solid $light-700;
+  border: 1px solid var(--pgn-color-light-700);
 
   .course-grading-assignment-items {
     list-style: none;
@@ -33,8 +33,8 @@
 
   .course-grading-assignment-item-alert-warning {
     .alert-heading {
-      font-size: $alert-font-size;
-      line-height: $alert-line-height;
+      font-size: var(--pgn-typography-alert-font-size);
+      line-height: var(--pgn-typography-alert-line-height);
     }
 
     .course-grading-assignment-item-alert-warning-list-label {
@@ -51,8 +51,8 @@
   }
 
   .course-grading-assignment-item-alert-success .alert-heading {
-    font-size: $alert-font-size;
-    line-height: $alert-line-height;
+    font-size: var(--pgn-typography-alert-font-size);
+    line-height: var(--pgn-typography-alert-line-height);
     margin-bottom: 0;
   }
 }
diff --git a/src/grading-settings/grading-scale/GradingScale.scss b/src/grading-settings/grading-scale/GradingScale.scss
index 1d65f7cef..e8023f0bb 100644
--- a/src/grading-settings/grading-scale/GradingScale.scss
+++ b/src/grading-settings/grading-scale/GradingScale.scss
@@ -2,20 +2,20 @@
   display: flex;
   margin-top: 1.5rem;
   align-items: center;
-  margin-bottom: map-get($spacers, 6);
+  margin-bottom: var(--pgn-spacing-spacer-6);
 
   .grading-scale-segments-and-ticks {
     display: inline-block;
     height: 3.5rem;
     width: 100%;
-    border: 1px solid $black;
+    border: 1px solid var(--pgn-color-black);
     overflow: hidden;
 
     .grading-scale-tick {
       .grading-scale-tick-number {
         position: absolute;
         font-size: .6rem;
-        color: $black;
+        color: var(--pgn-color-black);
         top: 100%;
         transform: translate(-50%, 1.2rem);
         white-space: nowrap;
@@ -25,7 +25,7 @@
         content: "";
         position: absolute;
         left: 0;
-        background-color: $gray-400;
+        background-color: var(--pgn-color-gray-400);
         height: .3125rem;
         width: .125rem;
         transform: translate(-50%, .7rem);
@@ -40,10 +40,10 @@
       height: 100%;
       padding: 0 .4375rem;
       width: .625rem;
-      z-index: $zindex-dropdown !important;
+      z-index: var(--pgn-elevation-dropdown-zindex) !important;
 
       &:disabled {
-        color: $black;
+        color: var(--pgn-color-black);
       }
     }
 
@@ -86,7 +86,7 @@
       }
 
       .grading-scale-segment-content-title {
-        font: normal $font-weight-semi-bold 1rem/1 $font-family-base;
+        font: normal var(--pgn-typography-font-weight-semi-bold) 1rem/1 var(--pgn-typography-font-family-base);
         border: none;
         outline: none;
         background-color: transparent;
@@ -95,16 +95,16 @@
         text-align: end;
 
         &:disabled {
-          color: $black;
+          color: var(--pgn-color-black);
         }
       }
 
       .grading-scale-segment-content-number {
-        font: normal $font-weight-normal .75rem/1 $font-family-base;
-        color: $black;
+        font: normal var(--pgn-typography-font-weight-normal) .75rem/1 var(--pgn-typography-font-family-base);
+        color: var(--pgn-color-black);
 
         &:disabled {
-          color: $black;
+          color: var(--pgn-color-black);
         }
       }
     }
diff --git a/src/grading-settings/scss/GradingSettings.scss b/src/grading-settings/scss/GradingSettings.scss
index 0de779090..f26517709 100644
--- a/src/grading-settings/scss/GradingSettings.scss
+++ b/src/grading-settings/scss/GradingSettings.scss
@@ -8,12 +8,12 @@
   }
 
   .grading-label {
-    font: normal $font-weight-bold .75rem/1.25rem $font-family-base;
-    color: $gray-500;
+    font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-500);
   }
 
   .grading-description {
-    font: normal .75rem/1.5rem $font-family-base;
-    color: $gray-700;
+    font: normal .75rem/1.5rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-700);
   }
 }
diff --git a/src/group-configurations/GroupConfigurations.scss b/src/group-configurations/GroupConfigurations.scss
index 6faa08f31..2bf5c904a 100644
--- a/src/group-configurations/GroupConfigurations.scss
+++ b/src/group-configurations/GroupConfigurations.scss
@@ -13,12 +13,11 @@
 }
 
 .configuration-card {
-  @include pgn-box-shadow(1, "down");
-
-  background: $white;
+  box-shadow: var(--pgn-elevation-box-shadow-down-1);
+  background: var(--pgn-color-white);
   border-radius: .375rem;
-  padding: map-get($spacers, 4);
-  margin-bottom: map-get($spacers, 4);
+  padding: var(--pgn-spacing-spacer-4);
+  margin-bottom: var(--pgn-spacing-spacer-4);
 
   .configuration-card-header {
     display: flex;
@@ -30,7 +29,7 @@
       align-items: flex-start;
       padding: 0;
       height: auto;
-      color: $black;
+      color: var(--pgn-color-black);
 
       &:focus::before {
         display: none;
@@ -38,8 +37,8 @@
 
       .pgn__icon {
         display: inline-block;
-        margin-right: map-get($spacers, 1);
-        margin-bottom: map-get($spacers, 2\.5);
+        margin-right: var(--pgn-spacing-spacer-1);
+        margin-bottom: var(--pgn-spacing-spacer-2-5);
       }
 
       .pgn__hstack {
@@ -55,25 +54,25 @@
       text-align: left;
 
       h3 {
-        margin-bottom: map-get($spacers, 2);
+        margin-bottom: var(--pgn-spacing-spacer-2);
       }
     }
 
     .configuration-card-header__badge {
       display: flex;
-      padding: .125rem map-get($spacers, 2);
+      padding: .125rem var(--pgn-spacing-spacer-2);
       justify-content: center;
       align-items: center;
-      border-radius: $border-radius;
-      border: .063rem solid $light-300;
-      background: $white;
+      border-radius: var(--pgn-size-border-radius-base);
+      border: .063rem solid var(--pgn-color-light-300);
+      background: var(--pgn-color-white);
 
       &:first-child {
-        margin-left: map-get($spacers, 2\.5);
+        margin-left: var(--pgn-spacing-spacer-2-5);
       }
 
       & span:last-child {
-        color: $primary-700;
+        color: var(--pgn-color-primary-700);
       }
     }
 
@@ -83,18 +82,18 @@
   }
 
   .configuration-card-content {
-    margin: 0 map-get($spacers, 2) 0 map-get($spacers, 4);
+    margin: 0 var(--pgn-spacing-spacer-2) 0 var(--pgn-spacing-spacer-4);
 
     .configuration-card-content__experiment-stack {
       display: flex;
       justify-content: space-between;
-      padding: map-get($spacers, 2\.5) 0;
+      padding: var(--pgn-spacing-spacer-2-5) 0;
       margin: 0;
-      color: $primary-500;
-      gap: $spacer;
+      color: var(--pgn-color-primary-500);
+      gap: var(--pgn-spacing-spacer-base);
 
       &:not(:last-child) {
-        border-bottom: .063rem solid $light-400;
+        border-bottom: .063rem solid var(--pgn-color-light-400);
       }
     }
   }
@@ -105,20 +104,20 @@
 
   .configuration-form-group {
     .pgn__form-label {
-      font: normal $font-weight-bold .875rem/1.25rem $font-family-base;
-      color: $gray-700;
+      font: normal var(--pgn-typography-font-weight-bold) .875rem/1.25rem var(--pgn-typography-font-family-base);
+      color: var(--pgn-color-gray-700);
       margin-bottom: .875rem;
     }
 
     .pgn__form-control-description,
     .pgn__form-text {
-      font: normal $font-weight-normal .75rem/1.25rem $font-family-base;
-      color: $gray-500;
+      font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base);
+      color: var(--pgn-color-gray-500);
       margin-top: .625rem;
     }
 
     .pgn__form-text-invalid {
-      color: $form-feedback-invalid-color;
+      color: var(--pgn-color-form-feedback-invalid);
     }
   }
 
diff --git a/src/group-configurations/common/TitleButton.jsx b/src/group-configurations/common/TitleButton.jsx
index 87d5d5001..d6edfb0a0 100644
--- a/src/group-configurations/common/TitleButton.jsx
+++ b/src/group-configurations/common/TitleButton.jsx
@@ -27,7 +27,7 @@ const TitleButton = ({
     >
       <div className="configuration-card-header__title">
         <h3>
-          <Truncate lines={1}>{name}</Truncate>
+          <Truncate.Deprecated lines={1}>{name}</Truncate.Deprecated>
         </h3>
         <span className="x-small text-gray-500">
           {formatMessage(messages.titleId, { id })}
diff --git a/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss b/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss
index 1768ecac8..06b79c136 100644
--- a/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss
+++ b/src/group-configurations/empty-placeholder/EmptyPlaceholder.scss
@@ -1,6 +1,5 @@
 .group-configurations-empty-placeholder {
-  @include pgn-box-shadow(1, "down");
-
+  box-shadow: var(--pgn-elevation-box-shadow-down-1);
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/index.scss b/src/index.scss
index c5d9bcb76..cd18b8836 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,7 +1,5 @@
-@import "~@edx/brand/paragon/fonts";
-@import "~@edx/brand/paragon/variables";
-@import "~@openedx/paragon/scss/core/core";
-@import "~@edx/brand/paragon/overrides";
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css" as paragonCustomMediaBreakpoints;
+
 @import "~@edx/frontend-component-header/dist/index";
 @import "assets/scss/variables";
 @import "assets/scss/form";
@@ -47,7 +45,7 @@ div.xblock-highlight {
 
 @keyframes glow {
   0% {
-    box-shadow: 0 0 5px 5px $primary-500;
+    box-shadow: 0 0 5px 5px var(--pgn-color-primary-500);
   }
 
   100% {
@@ -56,10 +54,10 @@ div.xblock-highlight {
 }
 
 body {
-  background-color: $light-200;
+  background-color: var(--pgn-color-light-200);
 
   .editor-page {
-    background-color: $light-100;
+    background-color: var(--pgn-color-light-100);
   }
 }
 
diff --git a/src/library-authoring/component-info/ComponentPreview.scss b/src/library-authoring/component-info/ComponentPreview.scss
index 0baf5ebcb..a857c0b1c 100644
--- a/src/library-authoring/component-info/ComponentPreview.scss
+++ b/src/library-authoring/component-info/ComponentPreview.scss
@@ -1,3 +1,3 @@
 .component-preview-modal {
-  min-width: map-get($grid-breakpoints, "md");
+  min-width: var(--pgn-size-breakpoint-md);
 }
diff --git a/src/library-authoring/components/BaseCard.scss b/src/library-authoring/components/BaseCard.scss
index 5208ea221..a8971f120 100644
--- a/src/library-authoring/components/BaseCard.scss
+++ b/src/library-authoring/components/BaseCard.scss
@@ -8,15 +8,15 @@
     }
 
     &.selected:not(:focus) {
-      outline: 2px $gray-700 solid;
+      outline: 2px var(--pgn-color-gray-700) solid;
     }
 
     &.selected:focus {
-      outline: 3px $gray-700 solid;
+      outline: 3px var(--pgn-color-gray-700) solid;
     }
 
     &:not(.selected):focus {
-      outline: 1px $gray-200 solid;
+      outline: 1px var(--pgn-color-gray-200) solid;
       outline-offset: 2px;
     }
 
diff --git a/src/library-authoring/generic/history-widget/HistoryWidget.scss b/src/library-authoring/generic/history-widget/HistoryWidget.scss
index 84e11cf60..2a9f946bd 100644
--- a/src/library-authoring/generic/history-widget/HistoryWidget.scss
+++ b/src/library-authoring/generic/history-widget/HistoryWidget.scss
@@ -1,5 +1,5 @@
 .history-widget-bar {
-  border-left: 8px solid $info-300;
+  border-left: 8px solid var(--pgn-color-info-300);
   border-radius: 4px;
   padding-left: 1rem;
 }
diff --git a/src/library-authoring/generic/status-widget/StatusWidget.scss b/src/library-authoring/generic/status-widget/StatusWidget.scss
index cdb1c4cf6..7253940ed 100644
--- a/src/library-authoring/generic/status-widget/StatusWidget.scss
+++ b/src/library-authoring/generic/status-widget/StatusWidget.scss
@@ -5,8 +5,8 @@
   }
 
   &.published-status {
-    background-color: $info-100;
-    border-top: 4px solid $info-400;
+    background-color: var(--pgn-color-info-100);
+    border-top: 4px solid var(--pgn-color-info-400);
   }
 }
 
diff --git a/src/library-authoring/section-subsections/index.scss b/src/library-authoring/section-subsections/index.scss
index 9ccd176d5..21781f989 100644
--- a/src/library-authoring/section-subsections/index.scss
+++ b/src/library-authoring/section-subsections/index.scss
@@ -13,15 +13,15 @@
     }
 
     &.selected:not(:focus) {
-      outline: 2px $gray-700 solid;
+      outline: 2px var(--pgn-color-gray-700) solid;
     }
 
     &.selected:focus {
-      outline: 3px $gray-700 solid;
+      outline: 3px var(--pgn-color-gray-700) solid;
     }
 
     &:not(.selected):focus {
-      outline: 1px $gray-200 solid;
+      outline: 1px var(--pgn-color-gray-200) solid;
       outline-offset: 2px;
     }
   }
diff --git a/src/library-authoring/units/index.scss b/src/library-authoring/units/index.scss
index 1e188ce6a..3afe389a1 100644
--- a/src/library-authoring/units/index.scss
+++ b/src/library-authoring/units/index.scss
@@ -3,7 +3,7 @@
     border-radius: 8px;
     padding: 0;
     margin-bottom: 1rem;
-    border: solid 1px $light-500;
+    border: solid 1px var(--pgn-color-light-500);
   }
 
   .pgn__card.clickable {
@@ -17,15 +17,15 @@
     }
 
     &.selected:not(:focus) {
-      outline: 2px $gray-700 solid;
+      outline: 2px var(--pgn-color-gray-700) solid;
     }
 
     &.selected:focus {
-      outline: 3px $gray-700 solid;
+      outline: 3px var(--pgn-color-gray-700) solid;
     }
 
     &:not(.selected):focus {
-      outline: 1px $gray-200 solid;
+      outline: 1px var(--pgn-color-gray-200) solid;
       outline-offset: 2px;
     }
 
diff --git a/src/optimizer-page/scan-results/BrokenLinkTable.tsx b/src/optimizer-page/scan-results/BrokenLinkTable.tsx
index 37d1d01da..90ff18cc7 100644
--- a/src/optimizer-page/scan-results/BrokenLinkTable.tsx
+++ b/src/optimizer-page/scan-results/BrokenLinkTable.tsx
@@ -1,5 +1,5 @@
 import {
-  Card, Icon, Table,
+  Card, Icon, DataTable,
 } from '@openedx/paragon';
 import {
   ArrowForwardIos,
@@ -89,79 +89,82 @@ type TableData = {
 const BrokenLinkTable: FC<BrokenLinkTableProps> = ({
   unit,
   filters,
-}) => (
-  <Card className="unit-card rounded-sm mb-4">
-    <p className="unit-header">{unit.displayName}</p>
-    <Table
-      data={unit.blocks.reduce(
-        (
-          acc: TableData,
-          block,
-        ) => {
-          if (
-            filters.brokenLinks
+}) => {
+  const brokenLinkList = unit.blocks.reduce(
+    (
+      acc: TableData,
+      block,
+    ) => {
+      if (
+        filters.brokenLinks
             || (!filters.brokenLinks && !filters.externalForbiddenLinks && !filters.lockedLinks)
-          ) {
-            const blockBrokenLinks = block.brokenLinks.map((link) => ({
-              Links: (
-                <LinksCol
-                  block={{ url: block.url, displayName: block.displayName || 'Go to block' }}
-                  href={link}
-                  linkType="broken"
-                />
-              ),
-            }));
-            acc.push(...blockBrokenLinks);
-          }
+      ) {
+        const blockBrokenLinks = block.brokenLinks.map((link) => ({
+          Links: (
+            <LinksCol
+              block={{ url: block.url, displayName: block.displayName || 'Go to block' }}
+              href={link}
+              linkType="broken"
+            />
+          ),
+        }));
+        acc.push(...blockBrokenLinks);
+      }
 
-          if (
-            filters.lockedLinks
+      if (
+        filters.lockedLinks
             || (!filters.brokenLinks && !filters.externalForbiddenLinks && !filters.lockedLinks)
-          ) {
-            const blockLockedLinks = block.lockedLinks.map((link) => ({
-              Links: (
-                <LinksCol
-                  block={{ url: block.url, displayName: block.displayName || 'Go to block' }}
-                  href={link}
-                  linkType="locked"
-                />
-              ),
-            }));
+      ) {
+        const blockLockedLinks = block.lockedLinks.map((link) => ({
+          Links: (
+            <LinksCol
+              block={{ url: block.url, displayName: block.displayName || 'Go to block' }}
+              href={link}
+              linkType="locked"
+            />
+          ),
+        }));
 
-            acc.push(...blockLockedLinks);
-          }
+        acc.push(...blockLockedLinks);
+      }
 
-          if (
-            filters.externalForbiddenLinks
+      if (
+        filters.externalForbiddenLinks
             || (!filters.brokenLinks && !filters.externalForbiddenLinks && !filters.lockedLinks)
-          ) {
-            const externalForbiddenLinks = block.externalForbiddenLinks.map((link) => ({
-              Links: (
-                <LinksCol
-                  block={{ url: block.url, displayName: block.displayName || 'Go to block' }}
-                  href={link}
-                  linkType="manual"
-                />
-              ),
-            }));
+      ) {
+        const externalForbiddenLinks = block.externalForbiddenLinks.map((link) => ({
+          Links: (
+            <LinksCol
+              block={{ url: block.url, displayName: block.displayName || 'Go to block' }}
+              href={link}
+              linkType="manual"
+            />
+          ),
+        }));
 
-            acc.push(...externalForbiddenLinks);
-          }
+        acc.push(...externalForbiddenLinks);
+      }
 
-          return acc;
-        },
-        [],
-      )}
-      columns={[
-        {
-          key: 'Links',
-          columnSortable: false,
-          width: 'col-12',
-          hideHeader: true,
-        },
-      ]}
-    />
-  </Card>
-);
+      return acc;
+    },
+    [],
+  );
+
+  return (
+    <Card className="unit-card rounded-sm pt-2 pb-3 pl-3 pr-4 mb-2.5">
+      <p className="unit-header">{unit.displayName}</p>
+      <DataTable
+        data={brokenLinkList}
+        itemCount={brokenLinkList.length}
+        columns={[
+          {
+            accessor: 'Links',
+            width: 'col-12',
+          },
+        ]}
+      />
+    </Card>
+  );
+};
 
 export default BrokenLinkTable;
diff --git a/src/optimizer-page/scan-results/ScanResults.scss b/src/optimizer-page/scan-results/ScanResults.scss
index e817badb1..8b2c8d0a1 100644
--- a/src/optimizer-page/scan-results/ScanResults.scss
+++ b/src/optimizer-page/scan-results/ScanResults.scss
@@ -17,7 +17,7 @@
   .subsection-header {
     font-size: 16px; /* Slightly smaller */
     font-weight: 600; /* Reduced boldness */
-    background-color: $dark-100;
+    background-color: var(--pgn-color-dark-100);
     padding: 10px;
     margin-bottom: 10px;
 
@@ -58,7 +58,7 @@
     font-size: 14px;
     font-weight: 700;
     margin-bottom: .75rem;
-    color: $primary-500;
+    color: var(--pgn-color-primary-500);
   }
 
   /* Block Links */
@@ -83,7 +83,7 @@
   }
 
   .broken-link {
-    color: $blue;
+    color: var(--pgn-color-blue);
     text-decoration: none;
   }
 
diff --git a/src/pages-and-resources/discussions/app-list/AppList.scss b/src/pages-and-resources/discussions/app-list/AppList.scss
index 83d3c3c91..8a09744cc 100644
--- a/src/pages-and-resources/discussions/app-list/AppList.scss
+++ b/src/pages-and-resources/discussions/app-list/AppList.scss
@@ -6,7 +6,7 @@
   .pgn__data-table-container {
     tr {
       th {
-        background-color: $white;
+        background-color: var(--pgn-color-white);
         text-align: center;
 
         .d-flex,
@@ -16,7 +16,7 @@
       }
 
       td {
-        background-color: $white;
+        background-color: var(--pgn-color-white);
 
         .pgn__data-table-cell-wrap {
           max-width: unset;
@@ -55,7 +55,7 @@
     padding-top: 24px;
 
     h2 {
-      color: $primary-500;
+      color: var(--pgn-color-primary-500);
       line-height: 28px;
       font-size: 22px;
     }
diff --git a/src/schedule-and-details/ScheduleAndDetails.scss b/src/schedule-and-details/ScheduleAndDetails.scss
index bbaed92e7..99886b5b6 100644
--- a/src/schedule-and-details/ScheduleAndDetails.scss
+++ b/src/schedule-and-details/ScheduleAndDetails.scss
@@ -25,10 +25,10 @@
       justify-content: space-between;
       align-items: center;
       margin-bottom: .75rem;
-      border-bottom: $border-width solid $light-400;
+      border-bottom: var(--pgn-size-border-width) solid var(--pgn-color-light-400);
 
       h2 {
-        color: $black;
+        color: var(--pgn-color-black);
         margin-bottom: .75rem;
       }
     }
diff --git a/src/schedule-and-details/basic-section/BasicSection.scss b/src/schedule-and-details/basic-section/BasicSection.scss
index 2d4fc39ea..34f71808e 100644
--- a/src/schedule-and-details/basic-section/BasicSection.scss
+++ b/src/schedule-and-details/basic-section/BasicSection.scss
@@ -8,9 +8,8 @@
   }
 
   .pgn__pageBanner-component {
-    @include pgn-box-shadow(1, "down");
-
-    background-color: $white;
+    box-shadow: var(--pgn-elevation-box-shadow-down-1);
+    background-color: var(--pgn-color-white);
     border-radius: .375rem;
   }
 
diff --git a/src/schedule-and-details/credit-section/CreditSection.scss b/src/schedule-and-details/credit-section/CreditSection.scss
index 2cfbf1c96..269cc9f4f 100644
--- a/src/schedule-and-details/credit-section/CreditSection.scss
+++ b/src/schedule-and-details/credit-section/CreditSection.scss
@@ -1,8 +1,8 @@
 .credit-section {
   .credit-help-text {
-    padding-top: $spacer;
+    padding-top: var(--pgn-spacing-spacer-base);
     margin-bottom: .5rem;
-    font: normal .875rem/1.5rem $font-family-base;
+    font: normal .875rem/1.5rem var(--pgn-typography-font-family-base);
   }
 
   .credit-info-list {
diff --git a/src/schedule-and-details/instructors-section/InstructorsSection.scss b/src/schedule-and-details/instructors-section/InstructorsSection.scss
index 1581f8e1c..eddab8aa2 100644
--- a/src/schedule-and-details/instructors-section/InstructorsSection.scss
+++ b/src/schedule-and-details/instructors-section/InstructorsSection.scss
@@ -6,6 +6,6 @@
     gap: 1.875rem;
     padding-inline-start: 0;
     list-style-type: none;
-    padding-top: $spacer;
+    padding-top: var(--pgn-spacing-spacer-base);
   }
 }
diff --git a/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss b/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss
index 55dfae6e7..40658278f 100644
--- a/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss
+++ b/src/schedule-and-details/introducing-section/introduction-video/IntroductionVideo.scss
@@ -1,6 +1,5 @@
 .embed-video-container {
-  @include pgn-box-shadow(1, "down");
-
+  box-shadow: var(--pgn-elevation-box-shadow-down-1);
   border-radius: .1875rem;
 
   .introduction-video {
diff --git a/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss b/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss
index 13b761f01..b40ef8937 100644
--- a/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss
+++ b/src/schedule-and-details/learning-outcomes-section/LearningOutcomes.scss
@@ -5,6 +5,6 @@
     justify-content: space-between;
     padding-inline-start: 0;
     list-style-type: none;
-    padding-top: $spacer;
+    padding-top: var(--pgn-spacing-spacer-base);
   }
 }
diff --git a/src/schedule-and-details/pacing-section/PacingSection.scss b/src/schedule-and-details/pacing-section/PacingSection.scss
index 2d4c8a751..574333910 100644
--- a/src/schedule-and-details/pacing-section/PacingSection.scss
+++ b/src/schedule-and-details/pacing-section/PacingSection.scss
@@ -1,27 +1,27 @@
 .pacing-section {
   .pgn__form-group {
     p.pgn__form-label {
-      font: normal .875rem/1.5rem $font-family-base;
+      font: normal .875rem/1.5rem var(--pgn-typography-font-family-base);
     }
 
     label.pgn__form-label {
-      font: normal $font-weight-bold .75rem/1.25rem $font-family-base;
+      font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base);
       color: $text-color-weak;
     }
 
     .pgn__form-control-description {
-      font: normal .75rem/1.5rem $font-family-base;
-      color: $black;
+      font: normal .75rem/1.5rem var(--pgn-typography-font-family-base);
+      color: var(--pgn-color-black);
     }
   }
 
   input.pgn__form-radio-input {
     padding: .5rem;
-    height: $spacer;
-    width: $spacer;
+    height: var(--pgn-spacing-spacer-base);
+    width: var(--pgn-spacing-spacer-base);
   }
 
   .pgn__form-control-set {
-    padding: $spacer 0 0 2.5rem;
+    padding: var(--pgn-spacing-spacer-base) 0 0 2.5rem;
   }
 }
diff --git a/src/schedule-and-details/schedule-section/ScheduleSection.scss b/src/schedule-and-details/schedule-section/ScheduleSection.scss
index 4d96dd0f6..8bb42dcd1 100644
--- a/src/schedule-and-details/schedule-section/ScheduleSection.scss
+++ b/src/schedule-and-details/schedule-section/ScheduleSection.scss
@@ -2,7 +2,7 @@
   .schedule-date-list {
     display: flex;
     flex-direction: column;
-    padding-top: $spacer;
+    padding-top: var(--pgn-spacing-spacer-base);
     margin: 0;
     padding-inline-start: 0;
     list-style-type: none;
@@ -32,7 +32,7 @@
   .schedule-date-item-error {
     margin: 0;
     padding: 0;
-    color: $form-feedback-invalid-color;
-    font: normal $font-weight-normal .75rem/1.25rem $font-family-base;
+    color: var(--pgn-color-form-feedback-invalid);
+    font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base);
   }
 }
diff --git a/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss b/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss
index e715d7f18..35e643cc0 100644
--- a/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss
+++ b/src/schedule-and-details/schedule-section/certificate-display-row/CertificateDisplayRow.scss
@@ -1,39 +1,39 @@
 .dropdown-certificate {
   .dropdown-certificate-label {
-    font: normal $font-weight-bold .75rem/1.25rem $font-family-base;
-    color: $gray-500;
+    font: normal var(--pgn-typography-font-weight-bold) .75rem/1.25rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-500);
     margin-bottom: .5rem;
   }
 
   .dropdown-certificate-control {
     .dropdown-certificate-control-toggle {
-      font-size: $input-font-size;
-      font-weight: $input-font-weight;
-      line-height: $input-line-height;
-      background: $input-bg;
-      border-color: $input-border-color;
-      border-width: $input-border-width;
-      box-shadow: $input-box-shadow;
-      border-radius: $input-border-radius;
-      color: $input-color;
-      padding: $input-padding-y $input-padding-x;
-      height: $input-height;
+      font-size: var(--pgn-typography-form-input-font-size-base);
+      font-weight: var(--pgn-typography-form-input-font-weight);
+      line-height: var(--pgn-typography-form-input-line-height-base);
+      background: var(--pgn-color-form-input-bg-base);
+      border-color: var(--pgn-color-form-input-border);
+      border-width: var(--pgn-size-form-input-width-border);
+      box-shadow: var(--pgn-elevation-form-input-base);
+      border-radius: var(--pgn-size-form-input-radius-border-base);
+      color: var(--pgn-color-form-input-base);
+      padding: var(--pgn-spacing-form-input-padding-y-base) var(--pgn-spacing-form-input-padding-x-base);
+      height: var(--pgn-size-form-input-height-base);
       justify-content: space-between;
       width: 100%;
 
       &:not(:disabled, .disabled):active,
       &:not(:disabled, .disabled).active,
       .show & {
-        color: $input-color;
-        border-color: $input-bg;
-        background-color: $input-bg;
+        color: var(--pgn-color-form-input-base);
+        border-color: var(--pgn-color-form-input-bg-base);
+        background-color: var(--pgn-color-form-input-bg-base);
       }
     }
   }
 
   .pgn__form-control-description {
-    font: normal $font-weight-normal .75rem/1.25rem $font-family-base;
-    color: $gray-500;
+    font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-500);
     margin-top: .5rem;
   }
 }
diff --git a/src/search-manager/FilterBy.scss b/src/search-manager/FilterBy.scss
index 7579958f6..b6e5ccad2 100644
--- a/src/search-manager/FilterBy.scss
+++ b/src/search-manager/FilterBy.scss
@@ -7,7 +7,7 @@
 }
 
 .clear-filter-button:hover {
-  color: $info-900 !important;
+  color: var(--pgn-color-info-900) !important;
 }
 
 .problem-menu-item {
diff --git a/src/search-modal/SearchModal.scss b/src/search-modal/SearchModal.scss
index b58495c46..f359b695b 100644
--- a/src/search-modal/SearchModal.scss
+++ b/src/search-modal/SearchModal.scss
@@ -57,7 +57,7 @@
 
   .search-result {
     &:hover {
-      background-color: $gray-100;
+      background-color: var(--pgn-color-gray-100);
       cursor: pointer;
     }
 
diff --git a/src/search-modal/SearchUI.test.tsx b/src/search-modal/SearchUI.test.tsx
index d8693477f..773944a7d 100644
--- a/src/search-modal/SearchUI.test.tsx
+++ b/src/search-modal/SearchUI.test.tsx
@@ -480,7 +480,7 @@ describe('<SearchUI />', () => {
       const expandButtonLabel = /Expand to show child tags of "ESDC Skills and Competencies"/i;
       await waitFor(() => { expect(getByLabelText(expandButtonLabel)).toBeInTheDocument(); });
 
-      const input = getByLabelText('Search tags');
+      const input = getByRole('searchbox');
       fireEvent.change(input, { target: { value: 'Lightcast' } });
 
       await waitFor(() => { expect(queryByLabelText(/^ESDC Skills and Competencies/i)).toBeNull(); });
diff --git a/src/setupTest.js b/src/setupTest.js
index 6c24a7523..bb55d692f 100755
--- a/src/setupTest.js
+++ b/src/setupTest.js
@@ -48,6 +48,7 @@ mergeConfig({
   STUDIO_BASE_URL: process.env.STUDIO_BASE_URL || null,
   LMS_BASE_URL: process.env.LMS_BASE_URL || null,
   LIBRARY_UNSUPPORTED_BLOCKS: (process.env.LIBRARY_UNSUPPORTED_BLOCKS || 'conditional,step-builder,problem-builder').split(','),
+  PARAGON_THEME_URLS: process.env.PARAGON_THEME_URLS || null,
 }, 'CourseAuthoringConfig');
 
 class ResizeObserver {
diff --git a/src/studio-home/scss/StudioHome.scss b/src/studio-home/scss/StudioHome.scss
index fd7cee355..3f4320cc2 100644
--- a/src/studio-home/scss/StudioHome.scss
+++ b/src/studio-home/scss/StudioHome.scss
@@ -14,20 +14,20 @@
   margin-bottom: 2.25rem;
 
   .organization-section-title {
-    color: $black;
+    color: var(--pgn-color-black);
   }
 
   .organization-section-form {
-    margin: $spacer 0 -8px;
+    margin: var(--pgn-spacing-spacer-base) 0 -8px;
 
     .organization-section-form-label {
-      color: $gray-700;
+      color: var(--pgn-color-gray-700);
       margin-bottom: 0;
       margin-right: .75rem;
     }
 
     .organization-section-form-control {
-      border-color: $gray-500;
+      border-color: var(--pgn-color-gray-500);
 
       .form-control {
         font-size: .875rem;
@@ -43,7 +43,7 @@
   margin-bottom: 1.625rem;
 
   .nav-link {
-    border-bottom: .125rem solid $light-400;
+    border-bottom: .125rem solid var(--pgn-color-light-400);
   }
 
   .nav-link.active {
@@ -75,14 +75,14 @@
   }
 
   .card-item-title {
-    font: normal $font-weight-normal 1.125rem/1.75rem $font-family-base;
-    color: $black;
+    font: normal var(--pgn-typography-font-weight-normal) 1.125rem/1.75rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-black);
     margin-bottom: .1875rem;
   }
 
   .pgn__card-header-subtitle-md {
-    font: normal $font-weight-normal .75rem/1.25rem $font-family-base;
-    color: $gray-700;
+    font: normal var(--pgn-typography-font-weight-normal) .75rem/1.25rem var(--pgn-typography-font-family-base);
+    color: var(--pgn-color-gray-700);
     margin: 0;
   }
 }
diff --git a/src/studio-home/tabs-section/courses-tab/courses-filters/__snapshots__/index.test.jsx.snap b/src/studio-home/tabs-section/courses-tab/courses-filters/__snapshots__/index.test.jsx.snap
index a98777a5e..7ea2152b7 100644
--- a/src/studio-home/tabs-section/courses-tab/courses-filters/__snapshots__/index.test.jsx.snap
+++ b/src/studio-home/tabs-section/courses-tab/courses-filters/__snapshots__/index.test.jsx.snap
@@ -26,15 +26,19 @@ exports[`CoursesFilters snapshot 1`] = `
               search
             </span>
           </label>
-          <input
-            class="form-control"
-            id="pgn-searchfield-input-1"
-            name="searchfield-input"
-            placeholder="Search"
-            role="searchbox"
-            type="text"
-            value=""
-          />
+          <div
+            class="pgn__form-control-decorator-group"
+          >
+            <input
+              class="form-control"
+              id="pgn-searchfield-input-1"
+              name="searchfield-input"
+              placeholder="Search"
+              role="searchbox"
+              type="text"
+              value=""
+            />
+          </div>
           <button
             aria-label="submit search"
             class="btn-icon btn-icon-primary btn-icon-sm pgn__searchfield__iconbutton-submit"
diff --git a/src/textbooks/Textbooks.scss b/src/textbooks/Textbooks.scss
index e8022dd28..688c1264f 100644
--- a/src/textbooks/Textbooks.scss
+++ b/src/textbooks/Textbooks.scss
@@ -3,5 +3,5 @@
 @import "./textbook-form/TextbookForm";
 
 .alert-toast {
-  z-index: $zindex-tooltip !important;
+  z-index: var(--pgn-elevation-tooltip-zindex) !important;
 }
diff --git a/src/textbooks/empty-placeholder/EmptyPlaceholder.scss b/src/textbooks/empty-placeholder/EmptyPlaceholder.scss
index 9f4290f29..aacf98a5d 100644
--- a/src/textbooks/empty-placeholder/EmptyPlaceholder.scss
+++ b/src/textbooks/empty-placeholder/EmptyPlaceholder.scss
@@ -1,10 +1,9 @@
 .textbooks-empty-placeholder {
-  @include pgn-box-shadow(1, "down");
-
+  box-shadow: var(--pgn-elevation-box-shadow-down-1);
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 1.5rem;
   border-radius: .375rem;
-  padding: map-get($spacers, 4);
+  padding: var(--pgn-spacing-spacer-4);
 }
diff --git a/src/textbooks/textbook-card/TextbookCard.scss b/src/textbooks/textbook-card/TextbookCard.scss
index e5df569ed..723890ee2 100644
--- a/src/textbooks/textbook-card/TextbookCard.scss
+++ b/src/textbooks/textbook-card/TextbookCard.scss
@@ -1,9 +1,9 @@
 .textbook-card {
-  padding: $spacer $spacer $spacer map-get($spacers, 4);
+  padding: var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-base) var(--pgn-spacing-spacer-4);
 
   & .pgn__card-header {
     padding: 0;
-    margin-bottom: $spacer;
+    margin-bottom: var(--pgn-spacing-spacer-base);
   }
 
   & .pgn__card-header-content {
@@ -15,18 +15,18 @@
   }
 
   &:not(:last-of-type) {
-    margin-bottom: map-get($spacers, 4);
+    margin-bottom: var(--pgn-spacing-spacer-4);
   }
 }
 
 .textbook-card__chapters {
-  margin-left: -(map-get($spacers, 2));
+  margin-left: -(var(--pgn-spacing-spacer-2));
 }
 
 .textbook-card__chapter-item {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  gap: $spacer;
+  gap: var(--pgn-spacing-spacer-base);
 
   & span:first-of-type {
     word-break: break-word;
@@ -37,6 +37,6 @@
   }
 
   &:not(:last-of-type) {
-    margin-bottom: map-get($spacers, 2);
+    margin-bottom: var(--pgn-spacing-spacer-2);
   }
 }
diff --git a/src/textbooks/textbook-form/TextbookForm.scss b/src/textbooks/textbook-form/TextbookForm.scss
index 8db5d4c73..f08a4d7fa 100644
--- a/src/textbooks/textbook-form/TextbookForm.scss
+++ b/src/textbooks/textbook-form/TextbookForm.scss
@@ -1,12 +1,11 @@
 .textbook-form {
-  @include pgn-box-shadow(1, "centered");
-
+  box-shadow: var(--pgn-elevation-box-shadow-centered-1);
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
-  background-color: $white;
-  padding: map-get($spacers, 4);
-  margin-bottom: map-get($spacers, 4);
+  background-color: var(--pgn-color-white);
+  padding: var(--pgn-spacing-spacer-4);
+  margin-bottom: var(--pgn-spacing-spacer-4);
   border-radius: .5rem;
 
   .form-field {
@@ -19,21 +18,21 @@
 
   .form-title {
     font-size: 1.5rem;
-    margin-bottom: map-get($spacers, 4);
+    margin-bottom: var(--pgn-spacing-spacer-4);
   }
 
   .form-main-label {
     font-size: 1.375rem;
     line-height: 1.75rem;
-    margin-bottom: map-get($spacers, 4);
+    margin-bottom: var(--pgn-spacing-spacer-4);
   }
 
   .form-label {
-    margin-bottom: map-get($spacers, 2\.5);
+    margin-bottom: var(--pgn-spacing-spacer-2-5);
   }
 
   .form-helper-text {
-    font-size: $font-size-xs;
+    font-size: var(--pgn-typography-font-size-xs);
   }
 
   .form-chapters-fields {
@@ -44,7 +43,7 @@
 
   .field-icon-button:hover {
     background-color: transparent !important;
-    color: $primary;
+    color: var(--pgn-color-primary-base);
   }
 }
 
@@ -53,7 +52,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: $spacer;
+  gap: var(--pgn-spacing-spacer-base);
 
   .modal-preview-icon {
     height: 6.25rem;