diff --git a/CHANGELOG.md b/CHANGELOG.md
index e6d3334f..0e45e6f7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # Changelog
 
+## 1.3.0 August 28, 2024
+-   Added design tokens from BC design system for use as variables in sass
+
 ## 1.2.0 July 17, 2024
 -   Added Header Template Part
 -   Added VuePress Site.
diff --git a/checklist.md b/checklist.md
index 3214cb2e..ed2ebdcb 100644
--- a/checklist.md
+++ b/checklist.md
@@ -1,4 +1,4 @@
-Created at 2024-07-17 11:18 am
+Created at 2024-08-28 10:08 am
 
 * [yes] Updated version in composer.json
 * [yes] Updated version in style.css or plugin file
diff --git a/composer.json b/composer.json
index 3f57e51d..273c2a6a 100644
--- a/composer.json
+++ b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "bcgov-theme/design-system-wordpress-theme",
     "description": "Design System WordPress Theme",
-    "version": "1.2.0",
+    "version": "1.3.0",
     "type": "wordpress-theme",
     "license": "Apache-2.0",
     "repositories": [
diff --git a/composer.lock b/composer.lock
index f87bead0..40cd7707 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "3c415ed134c4a86363b54d74bd894cfb",
+    "content-hash": "b5c8b4542a256d07342642c741c41e12",
     "packages": [],
     "packages-dev": [
         {
@@ -60,14 +60,14 @@
             "version": "2.1.2",
             "source": {
                 "type": "git",
-                "url": "https://apps.itsm.gov.bc.ca/bitbucket/scm/wp/wordpress-scripts.git",
+                "url": "https://github.com/bcgov/wordpress-utils.git",
                 "reference": "510d023da07b8a04ff0a7b9b8cd7858c4b327dc5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://apps.itsm.gov.bc.ca/satis/dist/bcgov/wordpress-scripts/bcgov-wordpress-scripts-2.1.2-21c235.zip",
+                "url": "https://test.blog.gov.bc.ca/satis/dist/bcgov/wordpress-scripts/bcgov-wordpress-scripts-510d023da07b8a04ff0a7b9b8cd7858c4b327dc5-zip-21c235.zip",
                 "reference": "510d023da07b8a04ff0a7b9b8cd7858c4b327dc5",
-                "shasum": "d8bbc2bb565cc4e549313f063c979f288e85abc5"
+                "shasum": "b3eb2f6e88f0caa702c3a7265f94c1374a603d36"
             },
             "require": {
                 "brain/monkey": "^2.6",
@@ -104,6 +104,10 @@
                     "Bcgov\\Script\\Checklists::postProductionChecksForScripts"
                 ]
             },
+            "support": {
+                "source": "https://github.com/bcgov/wordpress-utils/tree/2.1.2",
+                "issues": "https://github.com/bcgov/wordpress-utils/issues"
+            },
             "time": "2024-03-09T04:49:10+00:00"
         },
         {
@@ -1217,35 +1221,35 @@
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "9.2.31",
+            "version": "9.2.32",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "48c34b5d8d983006bd2adc2d0de92963b9155965"
+                "reference": "85402a822d1ecf1db1096959413d35e1c37cf1a5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/48c34b5d8d983006bd2adc2d0de92963b9155965",
-                "reference": "48c34b5d8d983006bd2adc2d0de92963b9155965",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/85402a822d1ecf1db1096959413d35e1c37cf1a5",
+                "reference": "85402a822d1ecf1db1096959413d35e1c37cf1a5",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-libxml": "*",
                 "ext-xmlwriter": "*",
-                "nikic/php-parser": "^4.18 || ^5.0",
+                "nikic/php-parser": "^4.19.1 || ^5.1.0",
                 "php": ">=7.3",
-                "phpunit/php-file-iterator": "^3.0.3",
-                "phpunit/php-text-template": "^2.0.2",
-                "sebastian/code-unit-reverse-lookup": "^2.0.2",
-                "sebastian/complexity": "^2.0",
-                "sebastian/environment": "^5.1.2",
-                "sebastian/lines-of-code": "^1.0.3",
-                "sebastian/version": "^3.0.1",
-                "theseer/tokenizer": "^1.2.0"
+                "phpunit/php-file-iterator": "^3.0.6",
+                "phpunit/php-text-template": "^2.0.4",
+                "sebastian/code-unit-reverse-lookup": "^2.0.3",
+                "sebastian/complexity": "^2.0.3",
+                "sebastian/environment": "^5.1.5",
+                "sebastian/lines-of-code": "^1.0.4",
+                "sebastian/version": "^3.0.2",
+                "theseer/tokenizer": "^1.2.3"
             },
             "require-dev": {
-                "phpunit/phpunit": "^9.3"
+                "phpunit/phpunit": "^9.6"
             },
             "suggest": {
                 "ext-pcov": "PHP extension that provides line coverage",
@@ -1254,7 +1258,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "9.2-dev"
+                    "dev-main": "9.2.x-dev"
                 }
             },
             "autoload": {
@@ -1283,7 +1287,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
                 "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.31"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.32"
             },
             "funding": [
                 {
@@ -1291,7 +1295,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-02T06:37:42+00:00"
+            "time": "2024-08-22T04:23:01+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
@@ -2602,16 +2606,16 @@
         },
         {
             "name": "squizlabs/php_codesniffer",
-            "version": "3.10.1",
+            "version": "3.10.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/PHPCSStandards/PHP_CodeSniffer.git",
-                "reference": "8f90f7a53ce271935282967f53d0894f8f1ff877"
+                "reference": "86e5f5dd9a840c46810ebe5ff1885581c42a3017"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/8f90f7a53ce271935282967f53d0894f8f1ff877",
-                "reference": "8f90f7a53ce271935282967f53d0894f8f1ff877",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/86e5f5dd9a840c46810ebe5ff1885581c42a3017",
+                "reference": "86e5f5dd9a840c46810ebe5ff1885581c42a3017",
                 "shasum": ""
             },
             "require": {
@@ -2678,7 +2682,7 @@
                     "type": "open_collective"
                 }
             ],
-            "time": "2024-05-22T21:24:41+00:00"
+            "time": "2024-07-21T23:26:44+00:00"
         },
         {
             "name": "theseer/tokenizer",
diff --git a/dist/fonts/BCSans-Bold.8f6d33da.woff2 b/dist/fonts/BCSans-Bold.8f6d33da.woff2
new file mode 100644
index 00000000..3db78138
Binary files /dev/null and b/dist/fonts/BCSans-Bold.8f6d33da.woff2 differ
diff --git a/dist/fonts/BCSans-Bold.e8313ace.woff b/dist/fonts/BCSans-Bold.e8313ace.woff
new file mode 100644
index 00000000..0e2f8e3b
Binary files /dev/null and b/dist/fonts/BCSans-Bold.e8313ace.woff differ
diff --git a/dist/fonts/BCSans-BoldItalic.3e0ad839.woff b/dist/fonts/BCSans-BoldItalic.3e0ad839.woff
new file mode 100644
index 00000000..e466626b
Binary files /dev/null and b/dist/fonts/BCSans-BoldItalic.3e0ad839.woff differ
diff --git a/dist/fonts/BCSans-BoldItalic.bc56fa27.woff2 b/dist/fonts/BCSans-BoldItalic.bc56fa27.woff2
new file mode 100644
index 00000000..ac32077e
Binary files /dev/null and b/dist/fonts/BCSans-BoldItalic.bc56fa27.woff2 differ
diff --git a/dist/fonts/BCSans-Italic.035a3cc8.woff2 b/dist/fonts/BCSans-Italic.035a3cc8.woff2
new file mode 100644
index 00000000..9468cec3
Binary files /dev/null and b/dist/fonts/BCSans-Italic.035a3cc8.woff2 differ
diff --git a/dist/fonts/BCSans-Italic.f48cfbe1.woff b/dist/fonts/BCSans-Italic.f48cfbe1.woff
new file mode 100644
index 00000000..52af7b65
Binary files /dev/null and b/dist/fonts/BCSans-Italic.f48cfbe1.woff differ
diff --git a/dist/fonts/BCSans-Light.9e36f964.woff2 b/dist/fonts/BCSans-Light.9e36f964.woff2
new file mode 100644
index 00000000..29a47315
Binary files /dev/null and b/dist/fonts/BCSans-Light.9e36f964.woff2 differ
diff --git a/dist/fonts/BCSans-Light.da391b9e.woff b/dist/fonts/BCSans-Light.da391b9e.woff
new file mode 100644
index 00000000..02b3e857
Binary files /dev/null and b/dist/fonts/BCSans-Light.da391b9e.woff differ
diff --git a/dist/fonts/BCSans-LightItalic.cc6b0797.woff2 b/dist/fonts/BCSans-LightItalic.cc6b0797.woff2
new file mode 100644
index 00000000..b2acc221
Binary files /dev/null and b/dist/fonts/BCSans-LightItalic.cc6b0797.woff2 differ
diff --git a/dist/fonts/BCSans-LightItalic.d5e4ab46.woff b/dist/fonts/BCSans-LightItalic.d5e4ab46.woff
new file mode 100644
index 00000000..e85ec2c9
Binary files /dev/null and b/dist/fonts/BCSans-LightItalic.d5e4ab46.woff differ
diff --git a/dist/fonts/BCSans-Regular.907e1e3d.woff2 b/dist/fonts/BCSans-Regular.907e1e3d.woff2
new file mode 100644
index 00000000..7011f82b
Binary files /dev/null and b/dist/fonts/BCSans-Regular.907e1e3d.woff2 differ
diff --git a/dist/fonts/BCSans-Regular.f5dc3fe0.woff b/dist/fonts/BCSans-Regular.f5dc3fe0.woff
new file mode 100644
index 00000000..58478e8c
Binary files /dev/null and b/dist/fonts/BCSans-Regular.f5dc3fe0.woff differ
diff --git a/dist/index-rtl.css b/dist/index-rtl.css
new file mode 100644
index 00000000..ae3126de
--- /dev/null
+++ b/dist/index-rtl.css
@@ -0,0 +1,2 @@
+:root{--dswp-typography-regular-H1:var(--bcds-typography-font-size-h1);--dswp-typography-regular-H2:var(--bcds-typography-font-size-h2);--dswp-typography-regular-H3:var(--bcds-typography-font-size-h3);--dswp-typography-regular-H4:var(--bcds-typography-font-size-h4);--dswp-typography-regular-H5:var(--bcds-typography-font-size-h5)}
+@font-face{font-family:BCSans;font-style:normal;font-weight:400;src:url(fonts/BCSans-Regular.907e1e3d.woff2) format("woff2"),url(fonts/BCSans-Regular.f5dc3fe0.woff) format("woff")}@font-face{font-family:BCSans;font-style:italic;font-weight:400;src:url(fonts/BCSans-Italic.035a3cc8.woff2) format("woff2"),url(fonts/BCSans-Italic.f48cfbe1.woff) format("woff")}@font-face{font-family:BCSans;font-style:normal;font-weight:700;src:url(fonts/BCSans-Bold.8f6d33da.woff2) format("woff2"),url(fonts/BCSans-Bold.e8313ace.woff) format("woff")}@font-face{font-family:BCSans;font-style:italic;font-weight:700;src:url(fonts/BCSans-BoldItalic.bc56fa27.woff2) format("woff2"),url(fonts/BCSans-BoldItalic.3e0ad839.woff) format("woff")}@font-face{font-family:BCSans;font-style:normal;font-weight:300;src:url(fonts/BCSans-Light.9e36f964.woff2) format("woff2"),url(fonts/BCSans-Light.da391b9e.woff) format("woff")}@font-face{font-family:BCSans;font-style:italic;font-weight:300;src:url(fonts/BCSans-LightItalic.cc6b0797.woff2) format("woff2"),url(fonts/BCSans-LightItalic.d5e4ab46.woff) format("woff")}
diff --git a/dist/index.asset.php b/dist/index.asset.php
new file mode 100644
index 00000000..cf3b0f45
--- /dev/null
+++ b/dist/index.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => '09855cd7d0b1fe847a05');
diff --git a/dist/index.css b/dist/index.css
new file mode 100644
index 00000000..ae3126de
--- /dev/null
+++ b/dist/index.css
@@ -0,0 +1,2 @@
+:root{--dswp-typography-regular-H1:var(--bcds-typography-font-size-h1);--dswp-typography-regular-H2:var(--bcds-typography-font-size-h2);--dswp-typography-regular-H3:var(--bcds-typography-font-size-h3);--dswp-typography-regular-H4:var(--bcds-typography-font-size-h4);--dswp-typography-regular-H5:var(--bcds-typography-font-size-h5)}
+@font-face{font-family:BCSans;font-style:normal;font-weight:400;src:url(fonts/BCSans-Regular.907e1e3d.woff2) format("woff2"),url(fonts/BCSans-Regular.f5dc3fe0.woff) format("woff")}@font-face{font-family:BCSans;font-style:italic;font-weight:400;src:url(fonts/BCSans-Italic.035a3cc8.woff2) format("woff2"),url(fonts/BCSans-Italic.f48cfbe1.woff) format("woff")}@font-face{font-family:BCSans;font-style:normal;font-weight:700;src:url(fonts/BCSans-Bold.8f6d33da.woff2) format("woff2"),url(fonts/BCSans-Bold.e8313ace.woff) format("woff")}@font-face{font-family:BCSans;font-style:italic;font-weight:700;src:url(fonts/BCSans-BoldItalic.bc56fa27.woff2) format("woff2"),url(fonts/BCSans-BoldItalic.3e0ad839.woff) format("woff")}@font-face{font-family:BCSans;font-style:normal;font-weight:300;src:url(fonts/BCSans-Light.9e36f964.woff2) format("woff2"),url(fonts/BCSans-Light.da391b9e.woff) format("woff")}@font-face{font-family:BCSans;font-style:italic;font-weight:300;src:url(fonts/BCSans-LightItalic.cc6b0797.woff2) format("woff2"),url(fonts/BCSans-LightItalic.d5e4ab46.woff) format("woff")}
diff --git a/dist/index.js b/dist/index.js
new file mode 100644
index 00000000..e69de29b
diff --git a/functions.php b/functions.php
new file mode 100644
index 00000000..a46c49dd
--- /dev/null
+++ b/functions.php
@@ -0,0 +1,14 @@
+<?php
+/**
+ * Enqueues the design system CSS stylesheet on the frontend of the WordPress site.
+ *
+ * This function uses the `wp_enqueue_style` function to load the `index.css` file from the `dist/styles` directory
+ * within the current theme directory.
+ *
+ * @since 1.3.0
+ */
+function enqueue_global_styles() {
+    $version = filemtime( get_template_directory() . '/dist/index.css' );
+    wp_enqueue_style( 'design-system-styles', get_template_directory_uri() . '/dist/index.css', array(), $version );
+}
+add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );
diff --git a/package-lock.json b/package-lock.json
index 5a6207da..6adfadb7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,14 @@
       "version": "1.0.0",
       "license": "GPL-2.0-or-later",
       "dependencies": {
+        "@bcgov/design-tokens": "^3.0.1",
         "@wordpress/icons": "^10.3.0"
       },
       "devDependencies": {
         "@bcgov/bc-sans": "^2.1.0",
         "@bcgov/wordpress-eslint": "git+https://apps.itsm.gov.bc.ca/bitbucket/scm/wp/bcgov-wordpress-eslint.git#semver:1.x",
         "@bcgov/wordpress-stylelintrc": "git+https://apps.itsm.gov.bc.ca/bitbucket/scm/wp/bcgov-wordpress-stylelintrc.git#semver:1.x",
-        "@wordpress/scripts": "^28.3.0"
+        "@wordpress/scripts": "^28.6.0"
       },
       "engines": {
         "node": ">=20.15.1",
@@ -88,9 +89,9 @@
       }
     },
     "node_modules/@babel/eslint-parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.24.7.tgz",
-      "integrity": "sha512-SO5E3bVxDuxyNxM5agFv480YA2HO6ohZbGxbazZdIk3KQOPOGVNw6q78I9/lbviIf95eq6tPozeYnJLbjnC8IA==",
+      "version": "7.25.1",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.25.1.tgz",
+      "integrity": "sha512-Y956ghgTT4j7rKesabkh5WeqgSFZVFwaPR0IWFm7KFHFmmJ4afbG49SmfW4S+GyRPx0Dy5jxEWA5t0rpxfElWg==",
       "dev": true,
       "dependencies": {
         "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
@@ -312,9 +313,9 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz",
-      "integrity": "sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==",
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz",
+      "integrity": "sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -1611,15 +1612,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz",
-      "integrity": "sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==",
+      "version": "7.25.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.4.tgz",
+      "integrity": "sha512-8hsyG+KUYGY0coX6KUCDancA0Vw225KJ2HJO0yCNr1vq5r+lJTleDaJf0K7iOhjw4SWhu03TMBzYTJ9krmzULQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.8",
         "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.1",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
         "babel-plugin-polyfill-regenerator": "^0.6.1",
         "semver": "^6.3.1"
       },
@@ -2007,6 +2008,11 @@
       "integrity": "sha512-1MesF4NAVpM5dywoJ68wNcBylHbPqg1dDV/FNuQm0BbspETGlPmfX8LG8rtrCjCAPhWuL2qRT/lBYDUMvFTUnw==",
       "dev": true
     },
+    "node_modules/@bcgov/design-tokens": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@bcgov/design-tokens/-/design-tokens-3.0.1.tgz",
+      "integrity": "sha512-xlKyo5ddOZudvVl7j5Izjh9vgxbe/8C2Jx7pJa+muEQdcTVyPi7TfEuU7tWZLxXhUrJjSB1S5cwA/hgKSitbCA=="
+    },
     "node_modules/@bcgov/wordpress-eslint": {
       "version": "1.0.0",
       "resolved": "git+https://apps.itsm.gov.bc.ca/bitbucket/scm/wp/bcgov-wordpress-eslint.git#29d35c91d885da57071ed15678499d0fbff15a7d",
@@ -2506,9 +2512,9 @@
       }
     },
     "node_modules/@jest/reporters/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -2737,13 +2743,13 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.45.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.45.1.tgz",
-      "integrity": "sha512-Wo1bWTzQvGA7LyKGIZc8nFSTFf2TkthGIFBR+QVNilvwouGzFd4PYukZe3rvf5PSqjHi1+1NyKSDZKcQWETzaA==",
+      "version": "1.46.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.46.1.tgz",
+      "integrity": "sha512-Fq6SwLujA/DOIvNC2EL/SojJnkKf/rAwJ//APpJJHRyMi1PdKrY3Az+4XNQ51N4RTbItbIByQ0jgd1tayq1aeA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "playwright": "1.45.1"
+        "playwright": "1.46.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -3822,9 +3828,9 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -3947,9 +3953,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -3984,9 +3990,9 @@
       }
     },
     "node_modules/@typescript-eslint/utils/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -4221,9 +4227,9 @@
       }
     },
     "node_modules/@wordpress/babel-preset-default": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/babel-preset-default/-/babel-preset-default-8.3.0.tgz",
-      "integrity": "sha512-lLPZuKdJF6CLS/YUv7c2OkGhplEpKZBQ4YiCQUdbhg8joFZH12QICUxtT2kvoUxLQ22zwLtNMPYTzISClE8zSw==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/babel-preset-default/-/babel-preset-default-8.6.0.tgz",
+      "integrity": "sha512-g8Soek91qosZgF7GVuXu8MIe/T5HZh/sxjN2w7+XWwHpT3OqOOExKbPpfHRVa2kfvqyU0M5HOG3rWU9p5grAMw==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.16.0",
@@ -4232,8 +4238,8 @@
         "@babel/preset-env": "^7.16.0",
         "@babel/preset-typescript": "^7.16.0",
         "@babel/runtime": "^7.16.0",
-        "@wordpress/browserslist-config": "^6.3.0",
-        "@wordpress/warning": "^3.3.0",
+        "@wordpress/browserslist-config": "^6.6.0",
+        "@wordpress/warning": "^3.6.0",
         "browserslist": "^4.21.10",
         "core-js": "^3.31.0",
         "react": "^18.3.0"
@@ -4244,9 +4250,9 @@
       }
     },
     "node_modules/@wordpress/base-styles": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/base-styles/-/base-styles-5.3.0.tgz",
-      "integrity": "sha512-2Azr6XLCejtEzxhTv71x1VS30D5k0xL91CGRL1PTlnBRe/3Ki09hvz45kr52BI6YWnKtDUvCBw1USiGB9UJhgw==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/base-styles/-/base-styles-5.6.0.tgz",
+      "integrity": "sha512-U+4ROBYaxzyf96bvFEJTzTJTaSS1igk3UxMJZIUa2Ixs+rBirywEkMPbbwto8uRCCEy4c0Gq/f+lmzfU02Vvpg==",
       "dev": true,
       "engines": {
         "node": ">=18.12.0",
@@ -4254,9 +4260,9 @@
       }
     },
     "node_modules/@wordpress/browserslist-config": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/browserslist-config/-/browserslist-config-6.3.0.tgz",
-      "integrity": "sha512-DDz/Iiax7RQR7cuTdv1ZlAfPgCDijiszg9xE9c2lO/2Hvv7voP/sLKQhdr/mSUzNW9ZXK7/NVIYAXxFd3Eee2A==",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/browserslist-config/-/browserslist-config-6.6.0.tgz",
+      "integrity": "sha512-godfjZwl9gZmgXKxUctl01MxX5uDGIgcGa7VrFxtoVX0YZPKuZob0LUOkENddfWTTRmPQfrQBMDA05XtPsmPcA==",
       "dev": true,
       "engines": {
         "node": ">=18.12.0",
@@ -4264,9 +4270,9 @@
       }
     },
     "node_modules/@wordpress/dependency-extraction-webpack-plugin": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/dependency-extraction-webpack-plugin/-/dependency-extraction-webpack-plugin-6.3.0.tgz",
-      "integrity": "sha512-m7ELFLFVVR8BSEwRaxeKzvldLttIKjbdgRC9lLmCOrbcrpruKr9x6SF1FPCravb3DUfdVVg/RhuGqTMLXSv4Vw==",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/dependency-extraction-webpack-plugin/-/dependency-extraction-webpack-plugin-6.6.0.tgz",
+      "integrity": "sha512-w3TqOnLnjmbBaZRea7uBoF3Uo5pH4ORdmGTiIigezl/tp7c14VIw0x9xJNs3an7hWX6yal8L5We6WR4ixSJXOQ==",
       "dev": true,
       "dependencies": {
         "json2php": "^0.0.7"
@@ -4280,9 +4286,9 @@
       }
     },
     "node_modules/@wordpress/e2e-test-utils-playwright": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/e2e-test-utils-playwright/-/e2e-test-utils-playwright-1.3.0.tgz",
-      "integrity": "sha512-QiOLaqxstekAgfC/s0m9yl9ZNw5UXatqGOAY6i6PqJjuwfk1Xkvb5arGyJ6B0dd8puhNweuCv102l3WduWaFYw==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/e2e-test-utils-playwright/-/e2e-test-utils-playwright-1.6.0.tgz",
+      "integrity": "sha512-ncu9cgaysr4tYwMfWYAu0O6E6vV8iMGvHeMmZow965ogIldePkIonQIwLB3PdXz536/u5kgUAjqcTb+nhEB8lQ==",
       "dev": true,
       "dependencies": {
         "change-case": "^4.1.2",
@@ -4340,16 +4346,16 @@
       }
     },
     "node_modules/@wordpress/eslint-plugin": {
-      "version": "20.0.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/eslint-plugin/-/eslint-plugin-20.0.0.tgz",
-      "integrity": "sha512-rOzkWHX6xjTt7Gmhe/nwlcgQJe4O6bCXkCJKcL+iyBhYABVjCnzneDiVh4bM1cNmL8zUx6/f1ADjmb3Xz9vG0g==",
+      "version": "20.3.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/eslint-plugin/-/eslint-plugin-20.3.0.tgz",
+      "integrity": "sha512-Y272ZtosmXPJJ0K5X7j0ufcpuDf1unEEDOmdyStHhYV3DGjfETPKgMBVjpmWIObu5oMlqqkTiiQaNb+lho3EIQ==",
       "dev": true,
       "dependencies": {
         "@babel/eslint-parser": "^7.16.0",
         "@typescript-eslint/eslint-plugin": "^6.4.1",
         "@typescript-eslint/parser": "^6.4.1",
-        "@wordpress/babel-preset-default": "^8.3.0",
-        "@wordpress/prettier-config": "^4.3.0",
+        "@wordpress/babel-preset-default": "^8.6.0",
+        "@wordpress/prettier-config": "^4.6.0",
         "cosmiconfig": "^7.0.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-import": "^2.25.2",
@@ -4440,9 +4446,9 @@
       }
     },
     "node_modules/@wordpress/jest-console": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/jest-console/-/jest-console-8.3.0.tgz",
-      "integrity": "sha512-aPVdS1V5YLlqhc00458qmc1TujhDbi6WDoT9m63aOuRGcmb223DNuKEkI77p0RV3F7QB39dBqa466mOUbKaX2w==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/jest-console/-/jest-console-8.6.0.tgz",
+      "integrity": "sha512-U680VvNbmg8oGcNpeovuFN8w2Y8iN/lVDyjvO+iT/hsM74qAzUfjb4EOhQiaSnT/GEGP8KAqw7FNSUSMLv+/YA==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.16.0",
@@ -4457,12 +4463,12 @@
       }
     },
     "node_modules/@wordpress/jest-preset-default": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/jest-preset-default/-/jest-preset-default-12.3.0.tgz",
-      "integrity": "sha512-xYXndYJFr9QDsO3fTl5JUXJs80Xq/fxLiOa4zlrrXmWy3L/7+uPik9Jgy0KZOu4FqiYp5wJFX6Arp9dzqH3Xug==",
+      "version": "12.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/jest-preset-default/-/jest-preset-default-12.6.0.tgz",
+      "integrity": "sha512-02ZozKXzlBdJnr5fD4PKfNrDFmsA44KvPJa1zNOsIILxHk+C5ZfqcSL0q++k2dOsSpLuIZg+tNwKkOeluL+s3Q==",
       "dev": true,
       "dependencies": {
-        "@wordpress/jest-console": "^8.3.0",
+        "@wordpress/jest-console": "^8.6.0",
         "babel-jest": "^29.6.2"
       },
       "engines": {
@@ -4475,9 +4481,9 @@
       }
     },
     "node_modules/@wordpress/npm-package-json-lint-config": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/npm-package-json-lint-config/-/npm-package-json-lint-config-5.3.0.tgz",
-      "integrity": "sha512-a/y7Y5qutUtmVX89/VuZcO33deIFj96dZWFT43kdzuYPns1O2jIV1jt3dts8VNcykZG6KyQATQGa6M7Sbj1UAQ==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/npm-package-json-lint-config/-/npm-package-json-lint-config-5.6.0.tgz",
+      "integrity": "sha512-wJKEX0XC0eDQFTnvpuBQdV12KyJzWHJaAA8n6pyIgRWz8RjdeANEaKHAbdDK1aHOA5DbwuxZh7NUm4ngMaPBrA==",
       "dev": true,
       "engines": {
         "node": ">=18.12.0",
@@ -4488,12 +4494,12 @@
       }
     },
     "node_modules/@wordpress/postcss-plugins-preset": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/postcss-plugins-preset/-/postcss-plugins-preset-5.3.0.tgz",
-      "integrity": "sha512-LzTcAlnjNJKncu9e1BwlnUrW04+WIl+KH1bqJK+FF5WTsVrCAvhvhoYS1WX06oHrpofBPyGovw5hwB2ZqSHv+Q==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/postcss-plugins-preset/-/postcss-plugins-preset-5.6.0.tgz",
+      "integrity": "sha512-r8QShU9dKd23nPcnOtW4Cvaf8LyZ9qyoIWw50lVNV4H9LAvaaXFN7kzID+B7bosLaqoB5vAe/H17n6/kxdDfHQ==",
       "dev": true,
       "dependencies": {
-        "@wordpress/base-styles": "^5.3.0",
+        "@wordpress/base-styles": "^5.6.0",
         "autoprefixer": "^10.2.5"
       },
       "engines": {
@@ -4505,9 +4511,9 @@
       }
     },
     "node_modules/@wordpress/prettier-config": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/prettier-config/-/prettier-config-4.3.0.tgz",
-      "integrity": "sha512-2OWp2g/e0y2iKh1LZvc+f0pxesI5NYBQSgnJkaXHt6ktc7QaBX3nwYcZQ030TBMxl2hnNclLAPUR85UMSRx0dw==",
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/prettier-config/-/prettier-config-4.6.0.tgz",
+      "integrity": "sha512-e43Ep9OiNt/zRkY0NAdPni3ac7Tf761lEZDVwxwSZdrm5N4u6SXqXJrHo5/AxcnLhq/21TG4Ry+g4zEA6L1aXA==",
       "dev": true,
       "engines": {
         "node": ">=18.12.0",
@@ -4532,24 +4538,24 @@
       }
     },
     "node_modules/@wordpress/scripts": {
-      "version": "28.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/scripts/-/scripts-28.3.0.tgz",
-      "integrity": "sha512-NoxWYammghicxaU+7glao64KxS6SRdU2fa01dKqhy1UEkNH2TH6spgK4TA14Dpsbudaf5N362dO2n7UZBe/Euw==",
+      "version": "28.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/scripts/-/scripts-28.6.0.tgz",
+      "integrity": "sha512-CBmmC3ftafLQ0hXXust5w9W/H1D14k28oQxCSYWQncAcCocGyOlALoEN27BGh+Hb79PZDqC/HB71ni6fQZOQTQ==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.16.0",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
         "@svgr/webpack": "^8.0.1",
-        "@wordpress/babel-preset-default": "^8.3.0",
-        "@wordpress/browserslist-config": "^6.3.0",
-        "@wordpress/dependency-extraction-webpack-plugin": "^6.3.0",
-        "@wordpress/e2e-test-utils-playwright": "^1.3.0",
-        "@wordpress/eslint-plugin": "^20.0.0",
-        "@wordpress/jest-preset-default": "^12.3.0",
-        "@wordpress/npm-package-json-lint-config": "^5.3.0",
-        "@wordpress/postcss-plugins-preset": "^5.3.0",
-        "@wordpress/prettier-config": "^4.3.0",
-        "@wordpress/stylelint-config": "^22.3.0",
+        "@wordpress/babel-preset-default": "^8.6.0",
+        "@wordpress/browserslist-config": "^6.6.0",
+        "@wordpress/dependency-extraction-webpack-plugin": "^6.6.0",
+        "@wordpress/e2e-test-utils-playwright": "^1.6.0",
+        "@wordpress/eslint-plugin": "^20.3.0",
+        "@wordpress/jest-preset-default": "^12.6.0",
+        "@wordpress/npm-package-json-lint-config": "^5.6.0",
+        "@wordpress/postcss-plugins-preset": "^5.6.0",
+        "@wordpress/prettier-config": "^4.6.0",
+        "@wordpress/stylelint-config": "^22.6.0",
         "adm-zip": "^0.5.9",
         "babel-jest": "^29.6.2",
         "babel-loader": "^8.2.3",
@@ -4587,6 +4593,7 @@
         "rtlcss-webpack-plugin": "^4.0.7",
         "sass": "^1.35.2",
         "sass-loader": "^12.1.0",
+        "schema-utils": "^4.2.0",
         "source-map-loader": "^3.0.0",
         "stylelint": "^14.2.0",
         "terser-webpack-plugin": "^5.3.9",
@@ -4604,15 +4611,15 @@
         "npm": ">=8.19.2"
       },
       "peerDependencies": {
-        "@playwright/test": "^1.43.0",
+        "@playwright/test": "^1.46.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
       }
     },
     "node_modules/@wordpress/scripts/node_modules/@wordpress/stylelint-config": {
-      "version": "22.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/stylelint-config/-/stylelint-config-22.3.0.tgz",
-      "integrity": "sha512-bVx0sf+SFJKBmOMCPdnGyjNKBBMhqfbDIysqjx7V34mglGdO2+8LJdoyrG6WzJgjjtEceORswEdirX7GBb9pUA==",
+      "version": "22.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/stylelint-config/-/stylelint-config-22.6.0.tgz",
+      "integrity": "sha512-wtGdEbHp99Vh/ya4swP8AWKzZCDFHke1SYHvmgdbomSJ+C87APp9q4ggfk2VOk/tIcrHPK9oagDFH05B8H+VLA==",
       "dev": true,
       "dependencies": {
         "stylelint-config-recommended": "^6.0.0",
@@ -4643,9 +4650,9 @@
       }
     },
     "node_modules/@wordpress/warning": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/@wordpress/warning/-/warning-3.3.0.tgz",
-      "integrity": "sha512-n82aKCxuGRNwAtSLaycErJuhKgfOc+KtiljyQITPperMh9i8bH6I+JxtYiu+aLMaY5vrVLVb+/kCzKuWVQIKPA==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@wordpress/warning/-/warning-3.6.0.tgz",
+      "integrity": "sha512-pm57z1LZkzfQsXsji6yxcP0XSymKbvP087vJLlMkmLf+MoNVyTD6UvFpXl8hRSH6C6pySoJSgGFXaH81CRuO2Q==",
       "dev": true,
       "engines": {
         "node": ">=18.12.0",
@@ -5087,18 +5094,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array.prototype.toreversed": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz",
-      "integrity": "sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      }
-    },
     "node_modules/array.prototype.tosorted": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
@@ -5180,9 +5175,9 @@
       "dev": true
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.19",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
-      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
       "dev": true,
       "funding": [
         {
@@ -5199,11 +5194,11 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.23.0",
-        "caniuse-lite": "^1.0.30001599",
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
+        "picocolors": "^1.0.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -5232,9 +5227,9 @@
       }
     },
     "node_modules/axe-core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.1.tgz",
-      "integrity": "sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==",
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.0.tgz",
+      "integrity": "sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==",
       "dev": true,
       "engines": {
         "node": ">=4"
@@ -5370,13 +5365,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz",
-      "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==",
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
+      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
-        "core-js-compat": "^3.36.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "core-js-compat": "^3.38.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -5395,23 +5390,26 @@
       }
     },
     "node_modules/babel-preset-current-node-syntax": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz",
-      "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
+      "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
       "dev": true,
       "dependencies": {
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-bigint": "^7.8.3",
-        "@babel/plugin-syntax-class-properties": "^7.8.3",
-        "@babel/plugin-syntax-import-meta": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
         "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
         "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-top-level-await": "^7.8.3"
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0"
@@ -5635,9 +5633,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz",
-      "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==",
+      "version": "4.23.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
+      "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
       "dev": true,
       "funding": [
         {
@@ -5654,9 +5652,9 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001640",
-        "electron-to-chromium": "^1.4.820",
-        "node-releases": "^2.0.14",
+        "caniuse-lite": "^1.0.30001646",
+        "electron-to-chromium": "^1.5.4",
+        "node-releases": "^2.0.18",
         "update-browserslist-db": "^1.1.0"
       },
       "bin": {
@@ -5823,9 +5821,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001641",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001641.tgz",
-      "integrity": "sha512-Phv5thgl67bHYo1TtMY/MurjkHhV4EDaCosezRXgZ8jzA/Ub+wjxAvbGvjoFENStinwi5kCyOYV3mi5tOGykwA==",
+      "version": "1.0.30001651",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001651.tgz",
+      "integrity": "sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==",
       "dev": true,
       "funding": [
         {
@@ -6371,9 +6369,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.37.1.tgz",
-      "integrity": "sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==",
+      "version": "3.38.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.1.tgz",
+      "integrity": "sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==",
       "dev": true,
       "hasInstallScript": true,
       "funding": {
@@ -6382,12 +6380,12 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.1.tgz",
-      "integrity": "sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==",
+      "version": "3.38.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.38.1.tgz",
+      "integrity": "sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.23.0"
+        "browserslist": "^4.23.3"
       },
       "funding": {
         "type": "opencollective",
@@ -7332,9 +7330,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.823",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.823.tgz",
-      "integrity": "sha512-4h+oPeAiGQOHFyUJOqpoEcPj/xxlicxBzOErVeYVMMmAiXUXsGpsFd0QXBMaUUbnD8hhSfLf9uw+MlsoIA7j5w==",
+      "version": "1.5.13",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.13.tgz",
+      "integrity": "sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==",
       "dev": true
     },
     "node_modules/emittery": {
@@ -8017,9 +8015,9 @@
       }
     },
     "node_modules/eslint-plugin-jest/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -8140,13 +8138,13 @@
       }
     },
     "node_modules/eslint-plugin-prettier": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
-      "integrity": "sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==",
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
+      "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
       "dev": true,
       "dependencies": {
         "prettier-linter-helpers": "^1.0.0",
-        "synckit": "^0.8.6"
+        "synckit": "^0.9.1"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -8170,35 +8168,35 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.34.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.3.tgz",
-      "integrity": "sha512-aoW4MV891jkUulwDApQbPYTVZmeuSyFrudpbTAQuj5Fv8VL+o6df2xIGpw8B0hPjAaih1/Fb0om9grCdyFYemA==",
+      "version": "7.35.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.35.0.tgz",
+      "integrity": "sha512-v501SSMOWv8gerHkk+IIQBkcGRGrO2nfybfj5pLxuJNFTPxxA3PSryhXTK+9pNbtkggheDdsC0E9Q8CuPk6JKA==",
       "dev": true,
       "dependencies": {
         "array-includes": "^3.1.8",
         "array.prototype.findlast": "^1.2.5",
         "array.prototype.flatmap": "^1.3.2",
-        "array.prototype.toreversed": "^1.1.2",
         "array.prototype.tosorted": "^1.1.4",
         "doctrine": "^2.1.0",
         "es-iterator-helpers": "^1.0.19",
         "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
         "minimatch": "^3.1.2",
         "object.entries": "^1.1.8",
         "object.fromentries": "^2.0.8",
-        "object.hasown": "^1.1.4",
         "object.values": "^1.2.0",
         "prop-types": "^15.8.1",
         "resolve": "^2.0.0-next.5",
         "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.11"
+        "string.prototype.matchall": "^4.0.11",
+        "string.prototype.repeat": "^1.0.0"
       },
       "engines": {
         "node": ">=4"
       },
       "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
@@ -10874,9 +10872,9 @@
       }
     },
     "node_modules/istanbul-lib-report/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -11440,9 +11438,9 @@
       }
     },
     "node_modules/jest-snapshot/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -12881,9 +12879,9 @@
       "dev": true
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
       "dev": true
     },
     "node_modules/normalize-package-data": {
@@ -12985,9 +12983,9 @@
       "dev": true
     },
     "node_modules/npm-package-json-lint/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -13172,23 +13170,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/object.hasown": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.4.tgz",
-      "integrity": "sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/object.values": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
@@ -13675,13 +13656,13 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.45.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.45.1.tgz",
-      "integrity": "sha512-Hjrgae4kpSQBr98nhCj3IScxVeVUixqj+5oyif8TdIn2opTCPEzqAqNMeK42i3cWDCVu9MI+ZsGWw+gVR4ISBg==",
+      "version": "1.46.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.46.1.tgz",
+      "integrity": "sha512-oPcr1yqoXLCkgKtD5eNUPLiN40rYEM39odNpIb6VE6S7/15gJmA1NzVv6zJYusV0e7tzvkU/utBFNa/Kpxmwng==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "playwright-core": "1.45.1"
+        "playwright-core": "1.46.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -13694,9 +13675,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.45.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.45.1.tgz",
-      "integrity": "sha512-LF4CUUtrUu2TCpDw4mcrAIuYrEjVDfT1cHbJMfwnE2+1b8PZcFzPNgvZCvq2JfQ4aTjRCCHw5EJ2tmr2NSzdPg==",
+      "version": "1.46.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.46.1.tgz",
+      "integrity": "sha512-h9LqIQaAv+CYvWzsZ+h3RsrqCStkBHlgo6/TJlFst3cOTlLghBQlJwPOZKQJTKNaD3QIB7aAVQ+gfWbN3NXB7A==",
       "dev": true,
       "peer": true,
       "bin": {
@@ -16215,9 +16196,9 @@
       }
     },
     "node_modules/streamx": {
-      "version": "2.18.0",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.18.0.tgz",
-      "integrity": "sha512-LLUC1TWdjVdn1weXGcSxyTR3T4+acB6tVGXT95y0nGbca4t4o/ng1wKAGTljm9VicuCVLvRlqFYXYy5GwgM7sQ==",
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.19.0.tgz",
+      "integrity": "sha512-5z6CNR4gtkPbwlxyEqoDGDmWIzoNJqCBt4Eac1ICP9YaIT08ct712cFj0u1rx4F8luAuL+3Qc+RFIdI4OX00kg==",
       "dev": true,
       "dependencies": {
         "fast-fifo": "^1.3.2",
@@ -16306,6 +16287,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
     "node_modules/string.prototype.trim": {
       "version": "1.2.9",
       "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
@@ -16702,9 +16693,9 @@
       "dev": true
     },
     "node_modules/synckit": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.8.tgz",
-      "integrity": "sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==",
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
+      "integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
       "dev": true,
       "dependencies": {
         "@pkgr/core": "^0.1.0",
@@ -17671,9 +17662,9 @@
       }
     },
     "node_modules/web-vitals": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-4.2.1.tgz",
-      "integrity": "sha512-U6bAxeudnhDqcXNl50JC4hLlqox9DZnngxfISZm3DMZnonW35xtJOVUc091L+DOY+6hVZVpKXoiCP0RiT6339Q==",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-4.2.3.tgz",
+      "integrity": "sha512-/CFAm1mNxSmOj6i0Co+iGFJ58OS4NRGVP+AWS/l509uIK5a1bSoIVaHz/ZumpHTfHSZBpgrJ+wjfpAOrTHok5Q==",
       "dev": true
     },
     "node_modules/webidl-conversions": {
@@ -18152,13 +18143,13 @@
       }
     },
     "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.4.tgz",
+      "integrity": "sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==",
       "dev": true,
       "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
         "is-async-function": "^2.0.0",
         "is-date-object": "^1.0.5",
         "is-finalizationregistry": "^1.0.2",
@@ -18167,8 +18158,8 @@
         "is-weakref": "^1.0.2",
         "isarray": "^2.0.5",
         "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.15"
       },
       "engines": {
         "node": ">= 0.4"
diff --git a/package.json b/package.json
index b00b34c8..8bdcb704 100644
--- a/package.json
+++ b/package.json
@@ -26,17 +26,18 @@
   },
   "main": "index.js",
   "dependencies": {
+    "@bcgov/design-tokens": "^3.0.1",
     "@wordpress/icons": "^10.3.0"
   },
   "devDependencies": {
     "@bcgov/bc-sans": "^2.1.0",
     "@bcgov/wordpress-eslint": "git+https://apps.itsm.gov.bc.ca/bitbucket/scm/wp/bcgov-wordpress-eslint.git#semver:1.x",
     "@bcgov/wordpress-stylelintrc": "git+https://apps.itsm.gov.bc.ca/bitbucket/scm/wp/bcgov-wordpress-stylelintrc.git#semver:1.x",
-    "@wordpress/scripts": "^28.3.0"
+    "@wordpress/scripts": "^28.6.0"
   },
   "scripts": {
-    "build": "wp-scripts build src/scripts/public/font.js --output-path=dist",
-    "build:production": "npm ci && npm run fix:js && npm run lint:js && npm run fix:css && npm run lint:css && npm run lint:md:docs && npm run test:unit && npm run build",
+    "build": "wp-scripts build --output-path=dist",
+    "build:production": "npm ci && npm run fix:js && npm run lint:js && npm run fix:css && npm run lint:css && npm run test:unit && npm run build",
     "lint:css": "wp-scripts lint-style 'src/**/*.scss' --allow-empty-input",
     "fix:css": "wp-scripts lint-style 'src/**/*.scss' --fix --allow-empty-input",
     "lint:js": "wp-scripts lint-js src/scripts",
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 00000000..ebf51f2f
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,2 @@
+import './styles/variables.scss';
+import './scripts/public/font.js';
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 00000000..62597075
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,2 @@
+@import "@bcgov/design-tokens/css-prefixed/variables.css"; // import BCgov design system tokens npm package
+@import "./variables"; // import your variables.scss file
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 00000000..209e3b66
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,7 @@
+:root {
+	--dswp-typography-regular-H1: var(--bcds-typography-font-size-h1);
+	--dswp-typography-regular-H2: var(--bcds-typography-font-size-h2);
+	--dswp-typography-regular-H3: var(--bcds-typography-font-size-h3);
+	--dswp-typography-regular-H4: var(--bcds-typography-font-size-h4);
+	--dswp-typography-regular-H5: var(--bcds-typography-font-size-h5);
+}
diff --git a/style.css b/style.css
index 716e7e40..81376510 100644
--- a/style.css
+++ b/style.css
@@ -7,7 +7,7 @@ Description: WordPress Design System theme is a theme that leverages the full-si
 Requires at least: 6.5
 Tested up to: 6.5
 Requires PHP: 7.4
-Version: 1.2.0
+Version: 1.3.0
 License: Apache License Version 2.0
 License URI: LICENSE
 Text Domain: design-system-wordpress-theme