From 86a56f8be03bcd5f76fce46d719c108369453b27 Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <olfedias@microsoft.com>
Date: Thu, 2 May 2024 17:05:42 +0200
Subject: [PATCH] chore: bump @griffel/* packages

---
 apps/perf-test-react-components/package.json  |   2 +-
 apps/public-docsite-v9/package.json           |   2 +-
 apps/recipes-react-components/package.json    |   2 +-
 apps/vr-tests-react-components/package.json   |   2 +-
 ...-cd2f7181-1e25-4c8d-85cb-196eafe9d062.json |   7 +
 ...-563b7ece-59e9-468f-97d2-63b805dd9896.json |   7 +
 ...-567e55b5-af69-4c76-afbb-c28354d4583f.json |   7 +
 ...-b844e869-33b3-4bc6-a8a6-4818a269e553.json |   7 +
 ...-16b9a17f-b998-49d5-9539-f117961491ad.json |   7 +
 ...-89173528-2b89-4efd-95fd-b16b0ecc680b.json |   7 +
 ...-d4df34ce-8d3e-48e9-bef8-53b7ca1b7b55.json |   7 +
 ...-19e9cf58-c3a4-44fa-8fc9-3336c5a3b41a.json |   7 +
 ...-fb6c09e4-0981-4623-967c-f5367c5b7ff6.json |   7 +
 ...-76cc2b71-f1f3-446d-b564-f8dd2e3324f5.json |   7 +
 ...-3f8520ea-51c6-4c09-b815-3e62eece7a91.json |   7 +
 ...-d19684de-6c08-400b-9f9c-af0464b6d7bd.json |   7 +
 ...-eaf11c97-2897-4d00-95b6-1c84a4b15abf.json |   7 +
 ...-2571a3d8-8b13-479f-9133-ed40c244cf43.json |   7 +
 ...-0070bb45-b73a-426e-86f7-685800b7ff4d.json |   7 +
 ...-92e6aa0d-2fb4-4024-b202-fb2df0ca35c5.json |   7 +
 ...-b1ef5961-f59b-4730-8d57-61617d0ed7a0.json |   7 +
 ...-d1c7c4d4-5c0d-4a17-b037-21513fd319db.json |   7 +
 ...-a81622a8-7509-4846-9294-0fe77b4d42df.json |   7 +
 ...-ccec1d01-b2c2-450b-89a4-d71251343a71.json |   7 +
 ...-bf89c268-c7d9-4643-a950-446a32a51e7e.json |   7 +
 ...-ec42ac98-fbd9-4868-97ea-91bccaf11ad3.json |   7 +
 ...-239fec96-abff-41d8-868d-218b6fe57c98.json |   7 +
 ...-66dc05c5-f769-421c-89cd-e3e8f27da7b2.json |   7 +
 ...-e115c71a-627d-4877-b822-1b4962f48336.json |   7 +
 ...-261a7bb4-cb4f-4975-bf32-353d0799748e.json |   7 +
 ...-25353967-991b-4abb-ae16-74fe5f7816fd.json |   7 +
 ...-7c579b97-a261-423d-889d-7b5a38b4f96c.json |   7 +
 ...-cbe5836f-3ead-4f5d-a4c0-2aaf3c4fdeac.json |   7 +
 ...-575c145e-eace-49b2-8140-5c7dcc3ad979.json |   7 +
 ...-b2b37f64-8a0c-472e-89d2-46e7a2b9d11d.json |   7 +
 ...-b777539b-2edd-4ea0-b966-a21e1f881dde.json |   7 +
 ...-6c6065ae-6821-4c1c-b648-0f1e4b2ec3b7.json |   7 +
 ...-20fde78e-1e23-476a-9e83-6c3abd36ee8b.json |   7 +
 ...-c7b1ef0e-45b7-49a3-b9e4-facb5e26fbd8.json |   7 +
 ...-66c14a01-a892-48cd-9c6d-801238dfba71.json |   7 +
 ...-4fe02ce8-14fe-4054-8597-42fe2e4abe7f.json |   7 +
 ...-f67e7777-f6b2-48ae-a411-b21284c56064.json |   7 +
 ...-ee57c18f-b39d-4694-90bc-5d779e46c396.json |   7 +
 ...-28010959-51e8-41a3-8b15-b832f1d6faac.json |   7 +
 ...-589eeb5e-c2b3-49ad-bd38-16fa3a0fb7eb.json |   7 +
 ...-bc8fb8bd-fb91-4444-afbc-fd7ee551f948.json |   7 +
 ...-9128cb7a-0da8-4cd0-8ce3-0a9024a401c1.json |   7 +
 ...-943122d4-5b4d-41ff-8ecc-afe88325cc55.json |   7 +
 ...-40b386b4-dcc5-407b-b634-709b757e1f23.json |   7 +
 ...-6b34bde9-baad-4c69-80c4-f883a95a1874.json |   7 +
 ...-827150f2-7642-4787-ad58-1bfe3bbd31ec.json |   7 +
 ...-4d4297e7-6f11-458d-8214-8b25feabd1f5.json |   7 +
 ...-5fdebc90-1840-4ee2-aa64-eed9c10db68b.json |   7 +
 ...-2cafce79-222f-4790-aa0a-571fc9537050.json |   7 +
 ...-6cac67b3-9f3d-473e-a5f4-b0fb9b72549c.json |   7 +
 ...-7bcdff38-0f92-440f-a2e7-b36bad408a21.json |   7 +
 ...-433bfa33-bdbb-4c96-85c0-87c025031825.json |   7 +
 ...-ff29a835-ed5a-4023-a134-75cd87146a73.json |   7 +
 ...-62eaed64-3b09-40d6-b5e6-2642ad9de271.json |   7 +
 ...-683982eb-08f8-4fcd-828b-f5f8b4b99409.json |   7 +
 ...-25c86dfe-a703-44fd-a14e-1ff80f79bc21.json |   7 +
 ...-4e85e225-c8fa-4736-976f-5f5b2293f56f.json |   7 +
 ...-26a996fc-0613-4934-80b2-5df896f0f22e.json |   7 +
 ...-ddbac108-3bf5-48a9-a132-63b318ccea35.json |   7 +
 ...-10bfa256-33bd-4fb7-b498-856d76780a81.json |   7 +
 ...-c10fb634-b4c7-4e66-9499-0670d464777f.json |   7 +
 package.json                                  |  22 +-
 packages/eslint-plugin/package.json           |   2 +-
 packages/eslint-plugin/src/configs/core.js    |   7 +
 .../etc/babel-preset-global-context.api.md    |  16 +-
 .../babel-preset-global-context/src/index.ts  |   3 +-
 .../react-accordion/package.json              |   2 +-
 .../react-components/react-alert/package.json |   2 +-
 .../react-avatar/package.json                 |   2 +-
 .../react-components/react-badge/package.json |   2 +-
 .../react-breadcrumb/package.json             |   2 +-
 .../react-button/package.json                 |   2 +-
 .../react-calendar-compat/package.json        |   2 +-
 .../src/utils/animations.ts                   |   8 +-
 .../react-components/react-card/package.json  |   2 +-
 .../react-carousel-preview/package.json       |   2 +-
 .../react-checkbox/package.json               |   2 +-
 .../react-colorpicker-compat/package.json     |   2 +-
 .../react-combobox/package.json               |   2 +-
 .../react-components/package.json             |   2 +-
 .../react-conformance-griffel/package.json    |   2 +-
 .../react-datepicker-compat/package.json      |   2 +-
 .../react-dialog/package.json                 |   2 +-
 .../react-divider/package.json                |   2 +-
 .../react-drawer/package.json                 |   2 +-
 .../react-components/react-field/package.json |   2 +-
 .../react-icons-compat/package.json           |   2 +-
 .../react-components/react-image/package.json |   2 +-
 .../react-infolabel/package.json              |   2 +-
 .../react-components/react-input/package.json |   2 +-
 .../react-components/react-label/package.json |   2 +-
 .../react-components/react-link/package.json  |   2 +-
 .../react-list-preview/package.json           |   2 +-
 .../react-components/react-menu/package.json  |   2 +-
 .../react-message-bar/package.json            |   2 +-
 .../etc/react-migration-v0-v9.api.md          |   2 +-
 .../react-migration-v0-v9/package.json        |   2 +-
 .../react-migration-v8-v9/package.json        |   2 +-
 .../react-motion-preview/package.json         |   2 +-
 .../react-nav-preview/package.json            |   2 +-
 .../react-overflow/package.json               |   2 +-
 .../react-persona/package.json                |   2 +-
 .../react-popover/package.json                |   2 +-
 .../react-portal/package.json                 |   2 +-
 .../react-positioning/package.json            |   2 +-
 .../react-progress/package.json               |   2 +-
 .../react-provider/package.json               |   4 +-
 .../FluentProvider-node.test.tsx              |   4 +-
 .../react-components/react-radio/package.json |   2 +-
 .../react-rating/package.json                 |   2 +-
 .../react-search/package.json                 |   2 +-
 .../react-select/package.json                 |   2 +-
 .../react-skeleton/package.json               |   2 +-
 .../react-slider/package.json                 |   2 +-
 .../react-spinbutton/package.json             |   2 +-
 .../react-spinner/package.json                |   2 +-
 .../react-swatch-picker-preview/package.json  |   2 +-
 .../react-switch/package.json                 |   2 +-
 .../react-components/react-table/package.json |   2 +-
 .../react-components/react-tabs/package.json  |   2 +-
 .../react-tabster/package.json                |   2 +-
 .../src/focus/createFocusOutlineStyle.ts      |   2 +
 .../react-tag-picker-preview/package.json     |   2 +-
 .../react-components/react-tags/package.json  |   2 +-
 .../react-teaching-popover/package.json       |   2 +-
 .../react-components/react-text/package.json  |   2 +-
 .../react-textarea/package.json               |   2 +-
 .../react-timepicker-compat/package.json      |   2 +-
 .../react-components/react-toast/package.json |   2 +-
 .../react-toolbar/package.json                |   2 +-
 .../react-tooltip/package.json                |   2 +-
 .../react-components/react-tree/package.json  |   2 +-
 .../react-virtualizer/package.json            |   2 +-
 .../theme-designer/package.json               |   2 +-
 .../components/ColorTokens/TokenIssueList.tsx |   2 +-
 ...TokenList.style.ts => TokenList.styles.ts} |   2 +
 .../src/components/ColorTokens/TokenList.tsx  |   2 +-
 .../src/components/Demo/Demo.tsx              |   3 +-
 .../src/components/Header/Header.tsx          |   2 +
 .../src/components/Sidebar/Form.tsx           |   2 +
 .../src/components/Sidebar/Sidebar.tsx        |   2 +
 .../src/components/TokenBoxes/TokenBoxes.tsx  |   2 +
 .../test-ssr/src/utils/renderToHTML.test.ts   |   4 +-
 yarn.lock                                     | 335 ++++++++----------
 149 files changed, 697 insertions(+), 297 deletions(-)
 create mode 100644 change/@fluentui-babel-preset-global-context-cd2f7181-1e25-4c8d-85cb-196eafe9d062.json
 create mode 100644 change/@fluentui-eslint-plugin-563b7ece-59e9-468f-97d2-63b805dd9896.json
 create mode 100644 change/@fluentui-react-accordion-567e55b5-af69-4c76-afbb-c28354d4583f.json
 create mode 100644 change/@fluentui-react-alert-b844e869-33b3-4bc6-a8a6-4818a269e553.json
 create mode 100644 change/@fluentui-react-avatar-16b9a17f-b998-49d5-9539-f117961491ad.json
 create mode 100644 change/@fluentui-react-badge-89173528-2b89-4efd-95fd-b16b0ecc680b.json
 create mode 100644 change/@fluentui-react-breadcrumb-d4df34ce-8d3e-48e9-bef8-53b7ca1b7b55.json
 create mode 100644 change/@fluentui-react-button-19e9cf58-c3a4-44fa-8fc9-3336c5a3b41a.json
 create mode 100644 change/@fluentui-react-calendar-compat-fb6c09e4-0981-4623-967c-f5367c5b7ff6.json
 create mode 100644 change/@fluentui-react-card-76cc2b71-f1f3-446d-b564-f8dd2e3324f5.json
 create mode 100644 change/@fluentui-react-checkbox-3f8520ea-51c6-4c09-b815-3e62eece7a91.json
 create mode 100644 change/@fluentui-react-combobox-d19684de-6c08-400b-9f9c-af0464b6d7bd.json
 create mode 100644 change/@fluentui-react-components-eaf11c97-2897-4d00-95b6-1c84a4b15abf.json
 create mode 100644 change/@fluentui-react-conformance-griffel-2571a3d8-8b13-479f-9133-ed40c244cf43.json
 create mode 100644 change/@fluentui-react-datepicker-compat-0070bb45-b73a-426e-86f7-685800b7ff4d.json
 create mode 100644 change/@fluentui-react-dialog-92e6aa0d-2fb4-4024-b202-fb2df0ca35c5.json
 create mode 100644 change/@fluentui-react-divider-b1ef5961-f59b-4730-8d57-61617d0ed7a0.json
 create mode 100644 change/@fluentui-react-drawer-d1c7c4d4-5c0d-4a17-b037-21513fd319db.json
 create mode 100644 change/@fluentui-react-field-a81622a8-7509-4846-9294-0fe77b4d42df.json
 create mode 100644 change/@fluentui-react-image-ccec1d01-b2c2-450b-89a4-d71251343a71.json
 create mode 100644 change/@fluentui-react-infobutton-bf89c268-c7d9-4643-a950-446a32a51e7e.json
 create mode 100644 change/@fluentui-react-infolabel-ec42ac98-fbd9-4868-97ea-91bccaf11ad3.json
 create mode 100644 change/@fluentui-react-input-239fec96-abff-41d8-868d-218b6fe57c98.json
 create mode 100644 change/@fluentui-react-label-66dc05c5-f769-421c-89cd-e3e8f27da7b2.json
 create mode 100644 change/@fluentui-react-link-e115c71a-627d-4877-b822-1b4962f48336.json
 create mode 100644 change/@fluentui-react-list-preview-261a7bb4-cb4f-4975-bf32-353d0799748e.json
 create mode 100644 change/@fluentui-react-menu-25353967-991b-4abb-ae16-74fe5f7816fd.json
 create mode 100644 change/@fluentui-react-message-bar-7c579b97-a261-423d-889d-7b5a38b4f96c.json
 create mode 100644 change/@fluentui-react-migration-v0-v9-cbe5836f-3ead-4f5d-a4c0-2aaf3c4fdeac.json
 create mode 100644 change/@fluentui-react-migration-v8-v9-575c145e-eace-49b2-8140-5c7dcc3ad979.json
 create mode 100644 change/@fluentui-react-motion-preview-b2b37f64-8a0c-472e-89d2-46e7a2b9d11d.json
 create mode 100644 change/@fluentui-react-overflow-b777539b-2edd-4ea0-b966-a21e1f881dde.json
 create mode 100644 change/@fluentui-react-persona-6c6065ae-6821-4c1c-b648-0f1e4b2ec3b7.json
 create mode 100644 change/@fluentui-react-popover-20fde78e-1e23-476a-9e83-6c3abd36ee8b.json
 create mode 100644 change/@fluentui-react-portal-c7b1ef0e-45b7-49a3-b9e4-facb5e26fbd8.json
 create mode 100644 change/@fluentui-react-positioning-66c14a01-a892-48cd-9c6d-801238dfba71.json
 create mode 100644 change/@fluentui-react-progress-4fe02ce8-14fe-4054-8597-42fe2e4abe7f.json
 create mode 100644 change/@fluentui-react-provider-f67e7777-f6b2-48ae-a411-b21284c56064.json
 create mode 100644 change/@fluentui-react-radio-ee57c18f-b39d-4694-90bc-5d779e46c396.json
 create mode 100644 change/@fluentui-react-rating-28010959-51e8-41a3-8b15-b832f1d6faac.json
 create mode 100644 change/@fluentui-react-search-589eeb5e-c2b3-49ad-bd38-16fa3a0fb7eb.json
 create mode 100644 change/@fluentui-react-select-bc8fb8bd-fb91-4444-afbc-fd7ee551f948.json
 create mode 100644 change/@fluentui-react-skeleton-9128cb7a-0da8-4cd0-8ce3-0a9024a401c1.json
 create mode 100644 change/@fluentui-react-slider-943122d4-5b4d-41ff-8ecc-afe88325cc55.json
 create mode 100644 change/@fluentui-react-spinbutton-40b386b4-dcc5-407b-b634-709b757e1f23.json
 create mode 100644 change/@fluentui-react-spinner-6b34bde9-baad-4c69-80c4-f883a95a1874.json
 create mode 100644 change/@fluentui-react-swatch-picker-preview-827150f2-7642-4787-ad58-1bfe3bbd31ec.json
 create mode 100644 change/@fluentui-react-switch-4d4297e7-6f11-458d-8214-8b25feabd1f5.json
 create mode 100644 change/@fluentui-react-table-5fdebc90-1840-4ee2-aa64-eed9c10db68b.json
 create mode 100644 change/@fluentui-react-tabs-2cafce79-222f-4790-aa0a-571fc9537050.json
 create mode 100644 change/@fluentui-react-tabster-6cac67b3-9f3d-473e-a5f4-b0fb9b72549c.json
 create mode 100644 change/@fluentui-react-tag-picker-preview-7bcdff38-0f92-440f-a2e7-b36bad408a21.json
 create mode 100644 change/@fluentui-react-tags-433bfa33-bdbb-4c96-85c0-87c025031825.json
 create mode 100644 change/@fluentui-react-teaching-popover-ff29a835-ed5a-4023-a134-75cd87146a73.json
 create mode 100644 change/@fluentui-react-text-62eaed64-3b09-40d6-b5e6-2642ad9de271.json
 create mode 100644 change/@fluentui-react-textarea-683982eb-08f8-4fcd-828b-f5f8b4b99409.json
 create mode 100644 change/@fluentui-react-timepicker-compat-25c86dfe-a703-44fd-a14e-1ff80f79bc21.json
 create mode 100644 change/@fluentui-react-toast-4e85e225-c8fa-4736-976f-5f5b2293f56f.json
 create mode 100644 change/@fluentui-react-toolbar-26a996fc-0613-4934-80b2-5df896f0f22e.json
 create mode 100644 change/@fluentui-react-tooltip-ddbac108-3bf5-48a9-a132-63b318ccea35.json
 create mode 100644 change/@fluentui-react-tree-10bfa256-33bd-4fb7-b498-856d76780a81.json
 create mode 100644 change/@fluentui-react-virtualizer-c10fb634-b4c7-4e66-9499-0670d464777f.json
 rename packages/react-components/theme-designer/src/components/ColorTokens/{TokenList.style.ts => TokenList.styles.ts} (87%)

diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json
index afbed1bce4688a..7605dc3be05832 100644
--- a/apps/perf-test-react-components/package.json
+++ b/apps/perf-test-react-components/package.json
@@ -27,7 +27,7 @@
     "@fluentui/react-spinbutton": "*",
     "@fluentui/react-swatch-picker-preview": "*",
     "@fluentui/react-theme": "*",
-    "@griffel/core": "^1.14.1",
+    "@griffel/core": "^1.16.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
index c354c1845fc12c..933bf04fbba81e 100644
--- a/apps/public-docsite-v9/package.json
+++ b/apps/public-docsite-v9/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-motions-preview": "*",
     "@fluentui/react-tag-picker-preview": "*",
     "@fluentui/react-timepicker-compat": "*",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@microsoft/applicationinsights-web": "^3",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/apps/recipes-react-components/package.json b/apps/recipes-react-components/package.json
index 52c19fb5be8e2e..f83aabdb3fbb8d 100644
--- a/apps/recipes-react-components/package.json
+++ b/apps/recipes-react-components/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-provider": "*",
     "@fluentui/react-storybook-addon": "*",
     "@fluentui/react-storybook-addon-export-to-sandbox": "*",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "tslib": "^2.1.0"
diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index 3db5296bf2cbc5..9ccc2e6c70ac41 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -72,7 +72,7 @@
     "@fluentui/react-toolbar": "*",
     "@fluentui/react-tree": "*",
     "@fluentui/react-utilities": "*",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "tslib": "^2.1.0",
diff --git a/change/@fluentui-babel-preset-global-context-cd2f7181-1e25-4c8d-85cb-196eafe9d062.json b/change/@fluentui-babel-preset-global-context-cd2f7181-1e25-4c8d-85cb-196eafe9d062.json
new file mode 100644
index 00000000000000..c438953e2b310d
--- /dev/null
+++ b/change/@fluentui-babel-preset-global-context-cd2f7181-1e25-4c8d-85cb-196eafe9d062.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: improve typings of exported preset",
+  "packageName": "@fluentui/babel-preset-global-context",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-eslint-plugin-563b7ece-59e9-468f-97d2-63b805dd9896.json b/change/@fluentui-eslint-plugin-563b7ece-59e9-468f-97d2-63b805dd9896.json
new file mode 100644
index 00000000000000..648ff123efb167
--- /dev/null
+++ b/change/@fluentui-eslint-plugin-563b7ece-59e9-468f-97d2-63b805dd9896.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/eslint-plugin",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-accordion-567e55b5-af69-4c76-afbb-c28354d4583f.json b/change/@fluentui-react-accordion-567e55b5-af69-4c76-afbb-c28354d4583f.json
new file mode 100644
index 00000000000000..77bcc3ff0e0de8
--- /dev/null
+++ b/change/@fluentui-react-accordion-567e55b5-af69-4c76-afbb-c28354d4583f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-accordion",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-alert-b844e869-33b3-4bc6-a8a6-4818a269e553.json b/change/@fluentui-react-alert-b844e869-33b3-4bc6-a8a6-4818a269e553.json
new file mode 100644
index 00000000000000..8930977410c980
--- /dev/null
+++ b/change/@fluentui-react-alert-b844e869-33b3-4bc6-a8a6-4818a269e553.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-alert",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-avatar-16b9a17f-b998-49d5-9539-f117961491ad.json b/change/@fluentui-react-avatar-16b9a17f-b998-49d5-9539-f117961491ad.json
new file mode 100644
index 00000000000000..1f687082f7f68a
--- /dev/null
+++ b/change/@fluentui-react-avatar-16b9a17f-b998-49d5-9539-f117961491ad.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-avatar",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-badge-89173528-2b89-4efd-95fd-b16b0ecc680b.json b/change/@fluentui-react-badge-89173528-2b89-4efd-95fd-b16b0ecc680b.json
new file mode 100644
index 00000000000000..1d2f834127de2e
--- /dev/null
+++ b/change/@fluentui-react-badge-89173528-2b89-4efd-95fd-b16b0ecc680b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-badge",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-breadcrumb-d4df34ce-8d3e-48e9-bef8-53b7ca1b7b55.json b/change/@fluentui-react-breadcrumb-d4df34ce-8d3e-48e9-bef8-53b7ca1b7b55.json
new file mode 100644
index 00000000000000..ff4a6ed9fc3b21
--- /dev/null
+++ b/change/@fluentui-react-breadcrumb-d4df34ce-8d3e-48e9-bef8-53b7ca1b7b55.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-breadcrumb",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-button-19e9cf58-c3a4-44fa-8fc9-3336c5a3b41a.json b/change/@fluentui-react-button-19e9cf58-c3a4-44fa-8fc9-3336c5a3b41a.json
new file mode 100644
index 00000000000000..2337ed20606406
--- /dev/null
+++ b/change/@fluentui-react-button-19e9cf58-c3a4-44fa-8fc9-3336c5a3b41a.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-button",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-calendar-compat-fb6c09e4-0981-4623-967c-f5367c5b7ff6.json b/change/@fluentui-react-calendar-compat-fb6c09e4-0981-4623-967c-f5367c5b7ff6.json
new file mode 100644
index 00000000000000..a646a9301f0de0
--- /dev/null
+++ b/change/@fluentui-react-calendar-compat-fb6c09e4-0981-4623-967c-f5367c5b7ff6.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-calendar-compat",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-card-76cc2b71-f1f3-446d-b564-f8dd2e3324f5.json b/change/@fluentui-react-card-76cc2b71-f1f3-446d-b564-f8dd2e3324f5.json
new file mode 100644
index 00000000000000..071adc40a6b22f
--- /dev/null
+++ b/change/@fluentui-react-card-76cc2b71-f1f3-446d-b564-f8dd2e3324f5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-card",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-checkbox-3f8520ea-51c6-4c09-b815-3e62eece7a91.json b/change/@fluentui-react-checkbox-3f8520ea-51c6-4c09-b815-3e62eece7a91.json
new file mode 100644
index 00000000000000..7ef81de656d5b7
--- /dev/null
+++ b/change/@fluentui-react-checkbox-3f8520ea-51c6-4c09-b815-3e62eece7a91.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-combobox-d19684de-6c08-400b-9f9c-af0464b6d7bd.json b/change/@fluentui-react-combobox-d19684de-6c08-400b-9f9c-af0464b6d7bd.json
new file mode 100644
index 00000000000000..1ebf70fb28265a
--- /dev/null
+++ b/change/@fluentui-react-combobox-d19684de-6c08-400b-9f9c-af0464b6d7bd.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-combobox",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-components-eaf11c97-2897-4d00-95b6-1c84a4b15abf.json b/change/@fluentui-react-components-eaf11c97-2897-4d00-95b6-1c84a4b15abf.json
new file mode 100644
index 00000000000000..6248eaf6a07748
--- /dev/null
+++ b/change/@fluentui-react-components-eaf11c97-2897-4d00-95b6-1c84a4b15abf.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-components",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-conformance-griffel-2571a3d8-8b13-479f-9133-ed40c244cf43.json b/change/@fluentui-react-conformance-griffel-2571a3d8-8b13-479f-9133-ed40c244cf43.json
new file mode 100644
index 00000000000000..9463d489e94c91
--- /dev/null
+++ b/change/@fluentui-react-conformance-griffel-2571a3d8-8b13-479f-9133-ed40c244cf43.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-conformance-griffel",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-datepicker-compat-0070bb45-b73a-426e-86f7-685800b7ff4d.json b/change/@fluentui-react-datepicker-compat-0070bb45-b73a-426e-86f7-685800b7ff4d.json
new file mode 100644
index 00000000000000..e574b0a6fd1cc3
--- /dev/null
+++ b/change/@fluentui-react-datepicker-compat-0070bb45-b73a-426e-86f7-685800b7ff4d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-datepicker-compat",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-dialog-92e6aa0d-2fb4-4024-b202-fb2df0ca35c5.json b/change/@fluentui-react-dialog-92e6aa0d-2fb4-4024-b202-fb2df0ca35c5.json
new file mode 100644
index 00000000000000..999f04e3bcc00b
--- /dev/null
+++ b/change/@fluentui-react-dialog-92e6aa0d-2fb4-4024-b202-fb2df0ca35c5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-dialog",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-divider-b1ef5961-f59b-4730-8d57-61617d0ed7a0.json b/change/@fluentui-react-divider-b1ef5961-f59b-4730-8d57-61617d0ed7a0.json
new file mode 100644
index 00000000000000..01e85e905c0e4c
--- /dev/null
+++ b/change/@fluentui-react-divider-b1ef5961-f59b-4730-8d57-61617d0ed7a0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-divider",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-drawer-d1c7c4d4-5c0d-4a17-b037-21513fd319db.json b/change/@fluentui-react-drawer-d1c7c4d4-5c0d-4a17-b037-21513fd319db.json
new file mode 100644
index 00000000000000..847d3da5fbba2b
--- /dev/null
+++ b/change/@fluentui-react-drawer-d1c7c4d4-5c0d-4a17-b037-21513fd319db.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-drawer",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-field-a81622a8-7509-4846-9294-0fe77b4d42df.json b/change/@fluentui-react-field-a81622a8-7509-4846-9294-0fe77b4d42df.json
new file mode 100644
index 00000000000000..f67d2c9df3aeeb
--- /dev/null
+++ b/change/@fluentui-react-field-a81622a8-7509-4846-9294-0fe77b4d42df.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-field",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-image-ccec1d01-b2c2-450b-89a4-d71251343a71.json b/change/@fluentui-react-image-ccec1d01-b2c2-450b-89a4-d71251343a71.json
new file mode 100644
index 00000000000000..cf6a92f9b9175e
--- /dev/null
+++ b/change/@fluentui-react-image-ccec1d01-b2c2-450b-89a4-d71251343a71.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-image",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-infobutton-bf89c268-c7d9-4643-a950-446a32a51e7e.json b/change/@fluentui-react-infobutton-bf89c268-c7d9-4643-a950-446a32a51e7e.json
new file mode 100644
index 00000000000000..19a0f90fce312f
--- /dev/null
+++ b/change/@fluentui-react-infobutton-bf89c268-c7d9-4643-a950-446a32a51e7e.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-infobutton",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-infolabel-ec42ac98-fbd9-4868-97ea-91bccaf11ad3.json b/change/@fluentui-react-infolabel-ec42ac98-fbd9-4868-97ea-91bccaf11ad3.json
new file mode 100644
index 00000000000000..9d6c583dc71da6
--- /dev/null
+++ b/change/@fluentui-react-infolabel-ec42ac98-fbd9-4868-97ea-91bccaf11ad3.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-infolabel",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-input-239fec96-abff-41d8-868d-218b6fe57c98.json b/change/@fluentui-react-input-239fec96-abff-41d8-868d-218b6fe57c98.json
new file mode 100644
index 00000000000000..aa1fe4d29ca035
--- /dev/null
+++ b/change/@fluentui-react-input-239fec96-abff-41d8-868d-218b6fe57c98.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-input",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-label-66dc05c5-f769-421c-89cd-e3e8f27da7b2.json b/change/@fluentui-react-label-66dc05c5-f769-421c-89cd-e3e8f27da7b2.json
new file mode 100644
index 00000000000000..10b693bde9730f
--- /dev/null
+++ b/change/@fluentui-react-label-66dc05c5-f769-421c-89cd-e3e8f27da7b2.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-label",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-link-e115c71a-627d-4877-b822-1b4962f48336.json b/change/@fluentui-react-link-e115c71a-627d-4877-b822-1b4962f48336.json
new file mode 100644
index 00000000000000..1e4c626d43bee5
--- /dev/null
+++ b/change/@fluentui-react-link-e115c71a-627d-4877-b822-1b4962f48336.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-link",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-list-preview-261a7bb4-cb4f-4975-bf32-353d0799748e.json b/change/@fluentui-react-list-preview-261a7bb4-cb4f-4975-bf32-353d0799748e.json
new file mode 100644
index 00000000000000..d7a554785fd002
--- /dev/null
+++ b/change/@fluentui-react-list-preview-261a7bb4-cb4f-4975-bf32-353d0799748e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-list-preview",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-menu-25353967-991b-4abb-ae16-74fe5f7816fd.json b/change/@fluentui-react-menu-25353967-991b-4abb-ae16-74fe5f7816fd.json
new file mode 100644
index 00000000000000..3611dfd3b75712
--- /dev/null
+++ b/change/@fluentui-react-menu-25353967-991b-4abb-ae16-74fe5f7816fd.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-menu",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-message-bar-7c579b97-a261-423d-889d-7b5a38b4f96c.json b/change/@fluentui-react-message-bar-7c579b97-a261-423d-889d-7b5a38b4f96c.json
new file mode 100644
index 00000000000000..1fe89c0738ea21
--- /dev/null
+++ b/change/@fluentui-react-message-bar-7c579b97-a261-423d-889d-7b5a38b4f96c.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-message-bar",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-migration-v0-v9-cbe5836f-3ead-4f5d-a4c0-2aaf3c4fdeac.json b/change/@fluentui-react-migration-v0-v9-cbe5836f-3ead-4f5d-a4c0-2aaf3c4fdeac.json
new file mode 100644
index 00000000000000..32695594007341
--- /dev/null
+++ b/change/@fluentui-react-migration-v0-v9-cbe5836f-3ead-4f5d-a4c0-2aaf3c4fdeac.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-migration-v0-v9",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-migration-v8-v9-575c145e-eace-49b2-8140-5c7dcc3ad979.json b/change/@fluentui-react-migration-v8-v9-575c145e-eace-49b2-8140-5c7dcc3ad979.json
new file mode 100644
index 00000000000000..04ed123d63d474
--- /dev/null
+++ b/change/@fluentui-react-migration-v8-v9-575c145e-eace-49b2-8140-5c7dcc3ad979.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-migration-v8-v9",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-motion-preview-b2b37f64-8a0c-472e-89d2-46e7a2b9d11d.json b/change/@fluentui-react-motion-preview-b2b37f64-8a0c-472e-89d2-46e7a2b9d11d.json
new file mode 100644
index 00000000000000..91b0a92746f1dc
--- /dev/null
+++ b/change/@fluentui-react-motion-preview-b2b37f64-8a0c-472e-89d2-46e7a2b9d11d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-motion-preview",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-overflow-b777539b-2edd-4ea0-b966-a21e1f881dde.json b/change/@fluentui-react-overflow-b777539b-2edd-4ea0-b966-a21e1f881dde.json
new file mode 100644
index 00000000000000..f7ba7969bfe905
--- /dev/null
+++ b/change/@fluentui-react-overflow-b777539b-2edd-4ea0-b966-a21e1f881dde.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-overflow",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-persona-6c6065ae-6821-4c1c-b648-0f1e4b2ec3b7.json b/change/@fluentui-react-persona-6c6065ae-6821-4c1c-b648-0f1e4b2ec3b7.json
new file mode 100644
index 00000000000000..e4dbc19592558a
--- /dev/null
+++ b/change/@fluentui-react-persona-6c6065ae-6821-4c1c-b648-0f1e4b2ec3b7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-persona",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-popover-20fde78e-1e23-476a-9e83-6c3abd36ee8b.json b/change/@fluentui-react-popover-20fde78e-1e23-476a-9e83-6c3abd36ee8b.json
new file mode 100644
index 00000000000000..1e5e8f6a2c6298
--- /dev/null
+++ b/change/@fluentui-react-popover-20fde78e-1e23-476a-9e83-6c3abd36ee8b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-popover",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-portal-c7b1ef0e-45b7-49a3-b9e4-facb5e26fbd8.json b/change/@fluentui-react-portal-c7b1ef0e-45b7-49a3-b9e4-facb5e26fbd8.json
new file mode 100644
index 00000000000000..6c29d43279d2a8
--- /dev/null
+++ b/change/@fluentui-react-portal-c7b1ef0e-45b7-49a3-b9e4-facb5e26fbd8.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-portal",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-positioning-66c14a01-a892-48cd-9c6d-801238dfba71.json b/change/@fluentui-react-positioning-66c14a01-a892-48cd-9c6d-801238dfba71.json
new file mode 100644
index 00000000000000..a69cf5f4f4a0f6
--- /dev/null
+++ b/change/@fluentui-react-positioning-66c14a01-a892-48cd-9c6d-801238dfba71.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-positioning",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-progress-4fe02ce8-14fe-4054-8597-42fe2e4abe7f.json b/change/@fluentui-react-progress-4fe02ce8-14fe-4054-8597-42fe2e4abe7f.json
new file mode 100644
index 00000000000000..b93bcc7f97f87a
--- /dev/null
+++ b/change/@fluentui-react-progress-4fe02ce8-14fe-4054-8597-42fe2e4abe7f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-progress",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-provider-f67e7777-f6b2-48ae-a411-b21284c56064.json b/change/@fluentui-react-provider-f67e7777-f6b2-48ae-a411-b21284c56064.json
new file mode 100644
index 00000000000000..d0ace848dd4bda
--- /dev/null
+++ b/change/@fluentui-react-provider-f67e7777-f6b2-48ae-a411-b21284c56064.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-provider",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-radio-ee57c18f-b39d-4694-90bc-5d779e46c396.json b/change/@fluentui-react-radio-ee57c18f-b39d-4694-90bc-5d779e46c396.json
new file mode 100644
index 00000000000000..4e18e530eb944e
--- /dev/null
+++ b/change/@fluentui-react-radio-ee57c18f-b39d-4694-90bc-5d779e46c396.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-radio",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-rating-28010959-51e8-41a3-8b15-b832f1d6faac.json b/change/@fluentui-react-rating-28010959-51e8-41a3-8b15-b832f1d6faac.json
new file mode 100644
index 00000000000000..520980eda13f1e
--- /dev/null
+++ b/change/@fluentui-react-rating-28010959-51e8-41a3-8b15-b832f1d6faac.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-rating",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-search-589eeb5e-c2b3-49ad-bd38-16fa3a0fb7eb.json b/change/@fluentui-react-search-589eeb5e-c2b3-49ad-bd38-16fa3a0fb7eb.json
new file mode 100644
index 00000000000000..46f1b65df37a06
--- /dev/null
+++ b/change/@fluentui-react-search-589eeb5e-c2b3-49ad-bd38-16fa3a0fb7eb.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-search",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-select-bc8fb8bd-fb91-4444-afbc-fd7ee551f948.json b/change/@fluentui-react-select-bc8fb8bd-fb91-4444-afbc-fd7ee551f948.json
new file mode 100644
index 00000000000000..497ba160f74a56
--- /dev/null
+++ b/change/@fluentui-react-select-bc8fb8bd-fb91-4444-afbc-fd7ee551f948.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-select",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-skeleton-9128cb7a-0da8-4cd0-8ce3-0a9024a401c1.json b/change/@fluentui-react-skeleton-9128cb7a-0da8-4cd0-8ce3-0a9024a401c1.json
new file mode 100644
index 00000000000000..b350700f727431
--- /dev/null
+++ b/change/@fluentui-react-skeleton-9128cb7a-0da8-4cd0-8ce3-0a9024a401c1.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-skeleton",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-slider-943122d4-5b4d-41ff-8ecc-afe88325cc55.json b/change/@fluentui-react-slider-943122d4-5b4d-41ff-8ecc-afe88325cc55.json
new file mode 100644
index 00000000000000..2235cf1d3375b9
--- /dev/null
+++ b/change/@fluentui-react-slider-943122d4-5b4d-41ff-8ecc-afe88325cc55.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-slider",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-spinbutton-40b386b4-dcc5-407b-b634-709b757e1f23.json b/change/@fluentui-react-spinbutton-40b386b4-dcc5-407b-b634-709b757e1f23.json
new file mode 100644
index 00000000000000..acfe9c2892ef67
--- /dev/null
+++ b/change/@fluentui-react-spinbutton-40b386b4-dcc5-407b-b634-709b757e1f23.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-spinbutton",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-spinner-6b34bde9-baad-4c69-80c4-f883a95a1874.json b/change/@fluentui-react-spinner-6b34bde9-baad-4c69-80c4-f883a95a1874.json
new file mode 100644
index 00000000000000..121033ad794eb5
--- /dev/null
+++ b/change/@fluentui-react-spinner-6b34bde9-baad-4c69-80c4-f883a95a1874.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-spinner",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-swatch-picker-preview-827150f2-7642-4787-ad58-1bfe3bbd31ec.json b/change/@fluentui-react-swatch-picker-preview-827150f2-7642-4787-ad58-1bfe3bbd31ec.json
new file mode 100644
index 00000000000000..81781ac8748322
--- /dev/null
+++ b/change/@fluentui-react-swatch-picker-preview-827150f2-7642-4787-ad58-1bfe3bbd31ec.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-swatch-picker-preview",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-switch-4d4297e7-6f11-458d-8214-8b25feabd1f5.json b/change/@fluentui-react-switch-4d4297e7-6f11-458d-8214-8b25feabd1f5.json
new file mode 100644
index 00000000000000..d4d2bd9fa63ccc
--- /dev/null
+++ b/change/@fluentui-react-switch-4d4297e7-6f11-458d-8214-8b25feabd1f5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-switch",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-table-5fdebc90-1840-4ee2-aa64-eed9c10db68b.json b/change/@fluentui-react-table-5fdebc90-1840-4ee2-aa64-eed9c10db68b.json
new file mode 100644
index 00000000000000..06344eb6c36f56
--- /dev/null
+++ b/change/@fluentui-react-table-5fdebc90-1840-4ee2-aa64-eed9c10db68b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-table",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tabs-2cafce79-222f-4790-aa0a-571fc9537050.json b/change/@fluentui-react-tabs-2cafce79-222f-4790-aa0a-571fc9537050.json
new file mode 100644
index 00000000000000..d8f09d42dad551
--- /dev/null
+++ b/change/@fluentui-react-tabs-2cafce79-222f-4790-aa0a-571fc9537050.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-tabs",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tabster-6cac67b3-9f3d-473e-a5f4-b0fb9b72549c.json b/change/@fluentui-react-tabster-6cac67b3-9f3d-473e-a5f4-b0fb9b72549c.json
new file mode 100644
index 00000000000000..9e9ce887e0170e
--- /dev/null
+++ b/change/@fluentui-react-tabster-6cac67b3-9f3d-473e-a5f4-b0fb9b72549c.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-tabster",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tag-picker-preview-7bcdff38-0f92-440f-a2e7-b36bad408a21.json b/change/@fluentui-react-tag-picker-preview-7bcdff38-0f92-440f-a2e7-b36bad408a21.json
new file mode 100644
index 00000000000000..c80323a9520e24
--- /dev/null
+++ b/change/@fluentui-react-tag-picker-preview-7bcdff38-0f92-440f-a2e7-b36bad408a21.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-tag-picker-preview",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tags-433bfa33-bdbb-4c96-85c0-87c025031825.json b/change/@fluentui-react-tags-433bfa33-bdbb-4c96-85c0-87c025031825.json
new file mode 100644
index 00000000000000..3a70902ce06211
--- /dev/null
+++ b/change/@fluentui-react-tags-433bfa33-bdbb-4c96-85c0-87c025031825.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-tags",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-teaching-popover-ff29a835-ed5a-4023-a134-75cd87146a73.json b/change/@fluentui-react-teaching-popover-ff29a835-ed5a-4023-a134-75cd87146a73.json
new file mode 100644
index 00000000000000..db89362fd76ae7
--- /dev/null
+++ b/change/@fluentui-react-teaching-popover-ff29a835-ed5a-4023-a134-75cd87146a73.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-teaching-popover",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-text-62eaed64-3b09-40d6-b5e6-2642ad9de271.json b/change/@fluentui-react-text-62eaed64-3b09-40d6-b5e6-2642ad9de271.json
new file mode 100644
index 00000000000000..d47971f1e7c2c9
--- /dev/null
+++ b/change/@fluentui-react-text-62eaed64-3b09-40d6-b5e6-2642ad9de271.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-text",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-textarea-683982eb-08f8-4fcd-828b-f5f8b4b99409.json b/change/@fluentui-react-textarea-683982eb-08f8-4fcd-828b-f5f8b4b99409.json
new file mode 100644
index 00000000000000..938fdfa97da63b
--- /dev/null
+++ b/change/@fluentui-react-textarea-683982eb-08f8-4fcd-828b-f5f8b4b99409.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-textarea",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-timepicker-compat-25c86dfe-a703-44fd-a14e-1ff80f79bc21.json b/change/@fluentui-react-timepicker-compat-25c86dfe-a703-44fd-a14e-1ff80f79bc21.json
new file mode 100644
index 00000000000000..8e9d09ea2104f3
--- /dev/null
+++ b/change/@fluentui-react-timepicker-compat-25c86dfe-a703-44fd-a14e-1ff80f79bc21.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-timepicker-compat",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-toast-4e85e225-c8fa-4736-976f-5f5b2293f56f.json b/change/@fluentui-react-toast-4e85e225-c8fa-4736-976f-5f5b2293f56f.json
new file mode 100644
index 00000000000000..9cd9ba2f71583f
--- /dev/null
+++ b/change/@fluentui-react-toast-4e85e225-c8fa-4736-976f-5f5b2293f56f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-toast",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-toolbar-26a996fc-0613-4934-80b2-5df896f0f22e.json b/change/@fluentui-react-toolbar-26a996fc-0613-4934-80b2-5df896f0f22e.json
new file mode 100644
index 00000000000000..2416e1534ee95c
--- /dev/null
+++ b/change/@fluentui-react-toolbar-26a996fc-0613-4934-80b2-5df896f0f22e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tooltip-ddbac108-3bf5-48a9-a132-63b318ccea35.json b/change/@fluentui-react-tooltip-ddbac108-3bf5-48a9-a132-63b318ccea35.json
new file mode 100644
index 00000000000000..123ee1a15ec52a
--- /dev/null
+++ b/change/@fluentui-react-tooltip-ddbac108-3bf5-48a9-a132-63b318ccea35.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-tooltip",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tree-10bfa256-33bd-4fb7-b498-856d76780a81.json b/change/@fluentui-react-tree-10bfa256-33bd-4fb7-b498-856d76780a81.json
new file mode 100644
index 00000000000000..b18ad7db5cf51c
--- /dev/null
+++ b/change/@fluentui-react-tree-10bfa256-33bd-4fb7-b498-856d76780a81.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-tree",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-virtualizer-c10fb634-b4c7-4e66-9499-0670d464777f.json b/change/@fluentui-react-virtualizer-c10fb634-b4c7-4e66-9499-0670d464777f.json
new file mode 100644
index 00000000000000..a26e4e3d389b40
--- /dev/null
+++ b/change/@fluentui-react-virtualizer-c10fb634-b4c7-4e66-9499-0670d464777f.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: bump @griffel/react",
+  "packageName": "@fluentui/react-virtualizer",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/package.json b/package.json
index 23e0caead1c13d..ba0e5d7593bb90 100644
--- a/package.json
+++ b/package.json
@@ -56,8 +56,8 @@
     "@actions/core": "1.9.1",
     "@actions/github": "5.0.3",
     "@babel/core": "7.24.0",
-    "@babel/generator": "7.23.6",
-    "@babel/parser": "7.24.0",
+    "@babel/generator": "7.24.5",
+    "@babel/parser": "7.24.5",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-decorators": "7.24.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
@@ -71,20 +71,20 @@
     "@babel/preset-typescript": "7.23.3",
     "@babel/register": "7.23.7",
     "@babel/standalone": "7.24.0",
-    "@babel/traverse": "7.24.0",
-    "@babel/types": "7.24.0",
+    "@babel/traverse": "7.24.5",
+    "@babel/types": "7.24.5",
     "@cactuslab/usepubsub": "^1.0.2",
     "@ctrl/tinycolor": "3.3.4",
     "@cypress/react": "8.0.0",
     "@cypress/webpack-dev-server": "1.8.3",
     "@fluentui/react-icons": "^2.0.237",
-    "@griffel/babel-preset": "1.4.20",
-    "@griffel/eslint-plugin": "^1.2.0",
-    "@griffel/jest-serializer": "1.1.16",
-    "@griffel/react": "^1.5.14",
-    "@griffel/shadow-dom": "0.1.5",
-    "@griffel/webpack-extraction-plugin": "0.3.18",
-    "@griffel/webpack-loader": "2.1.20",
+    "@griffel/babel-preset": "1.5.8",
+    "@griffel/eslint-plugin": "^1.6.2",
+    "@griffel/jest-serializer": "1.1.24",
+    "@griffel/react": "^1.5.22",
+    "@griffel/shadow-dom": "0.2.2",
+    "@griffel/webpack-extraction-plugin": "0.5.2",
+    "@griffel/webpack-loader": "2.2.10",
     "@jest/reporters": "29.7.0",
     "@mdx-js/loader": "1.6.22",
     "@microsoft/api-extractor": "7.31.2",
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index db6cf25ba867f4..eb71e851b8a46c 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -13,7 +13,7 @@
     "test": "yarn jest --passWithNoTests"
   },
   "dependencies": {
-    "@griffel/eslint-plugin": "^1.2.0",
+    "@griffel/eslint-plugin": "^1.6.2",
     "@rnx-kit/eslint-plugin": "^0.2.5",
     "@typescript-eslint/eslint-plugin": "^4.22.0",
     "@typescript-eslint/experimental-utils": "^4.22.0",
diff --git a/packages/eslint-plugin/src/configs/core.js b/packages/eslint-plugin/src/configs/core.js
index 72bbfac84c0783..5d54ca597a01ef 100644
--- a/packages/eslint-plugin/src/configs/core.js
+++ b/packages/eslint-plugin/src/configs/core.js
@@ -336,6 +336,13 @@ const getOverrides = () => [
       'import/no-webpack-loader-syntax': 'off', // this is ok in docs
     },
   },
+  {
+    // Temporary overrides till Griffel migration is finished
+    files: ['**/*.stories.tsx', '**/*.styles.ts', '**/*.cy.tsx', '**/*.mixins.ts'],
+    rules: {
+      'deprecation/deprecation': 'off',
+    },
+  },
   {
     files: [...configHelpers.configFiles],
     rules: {
diff --git a/packages/react-components/babel-preset-global-context/etc/babel-preset-global-context.api.md b/packages/react-components/babel-preset-global-context/etc/babel-preset-global-context.api.md
index 1025c325acc0e7..2d4f520b8d03e3 100644
--- a/packages/react-components/babel-preset-global-context/etc/babel-preset-global-context.api.md
+++ b/packages/react-components/babel-preset-global-context/etc/babel-preset-global-context.api.md
@@ -4,22 +4,10 @@
 
 ```ts
 
-import { CallExpression } from '@babel/types';
-import { ImportDeclaration } from '@babel/types';
-import { NodePath } from '@babel/traverse';
-import { PluginObj } from '@babel/core';
-import { PluginPass } from '@babel/core';
+import type { PluginItem } from '@babel/core';
 
 // @public (undocumented)
-function preset(): {
-    plugins: ((api: object, options: Record<string, any> | null | undefined, dirname: string) => PluginObj<PluginPass & {
-    importDeclarationPaths?: NodePath<ImportDeclaration>[] | undefined;
-    nativeExpressionPaths?: NodePath<CallExpression>[] | undefined;
-    contextSelectorExpressionPaths?: NodePath<CallExpression>[] | undefined;
-    nativeLocalName?: string | undefined;
-    contextSelectorLocalName?: string | undefined;
-    }>)[][];
-};
+function preset(): PluginItem;
 export default preset;
 
 // (No @packageDocumentation comment for this package)
diff --git a/packages/react-components/babel-preset-global-context/src/index.ts b/packages/react-components/babel-preset-global-context/src/index.ts
index fd333ffb0439ca..68222b0ef923cf 100644
--- a/packages/react-components/babel-preset-global-context/src/index.ts
+++ b/packages/react-components/babel-preset-global-context/src/index.ts
@@ -1,6 +1,7 @@
 import { transformPlugin } from './transformPlugin';
+import type { PluginItem } from '@babel/core';
 
-export default function preset() {
+export default function preset(): PluginItem {
   return {
     plugins: [[transformPlugin]],
   };
diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json
index 0e4c71e8692e2e..7e1bf2e0a84ba7 100644
--- a/packages/react-components/react-accordion/package.json
+++ b/packages/react-components/react-accordion/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json
index b7f8c80cd7604a..8de0ac1a6bc575 100644
--- a/packages/react-components/react-alert/package.json
+++ b/packages/react-components/react-alert/package.json
@@ -40,7 +40,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json
index b5436609e8d02d..a0b51f32ae6e0a 100644
--- a/packages/react-components/react-avatar/package.json
+++ b/packages/react-components/react-avatar/package.json
@@ -47,7 +47,7 @@
     "@fluentui/react-tooltip": "^9.4.26",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json
index b81785fbef8b71..fcc6b59cc2a3d1 100644
--- a/packages/react-components/react-badge/package.json
+++ b/packages/react-components/react-badge/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-breadcrumb/package.json b/packages/react-components/react-breadcrumb/package.json
index 325ef49b3a1140..df46d981be3efd 100644
--- a/packages/react-components/react-breadcrumb/package.json
+++ b/packages/react-components/react-breadcrumb/package.json
@@ -47,7 +47,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json
index f3c6a93aea0ec2..0736f4c0769d56 100644
--- a/packages/react-components/react-button/package.json
+++ b/packages/react-components/react-button/package.json
@@ -42,7 +42,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-calendar-compat/package.json b/packages/react-components/react-calendar-compat/package.json
index 1af2400158f22d..7841cfff8856e3 100644
--- a/packages/react-components/react-calendar-compat/package.json
+++ b/packages/react-components/react-calendar-compat/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-calendar-compat/src/utils/animations.ts b/packages/react-components/react-calendar-compat/src/utils/animations.ts
index b561146beb0a98..0b29c32f9f67b0 100644
--- a/packages/react-components/react-calendar-compat/src/utils/animations.ts
+++ b/packages/react-components/react-calendar-compat/src/utils/animations.ts
@@ -80,20 +80,22 @@ export const SLIDE_UP_OUT20 = {
     transform: 'translate3d(0, -20px, 0)',
   },
 };
+/* eslint-disable deprecation/deprecation */
 export const TRANSITION_ROW_DISAPPEARANCE = {
   '100%': {
     height: '0px',
-    ...shorthands.overflow('hidden'),
+    ...(shorthands.overflow('hidden') as Record<string, string>),
     width: '0px',
   },
   '99.9%': {
     height: '28px',
-    ...shorthands.overflow('visible'),
+    ...(shorthands.overflow('visible') as Record<string, string>),
     width: '100%',
   },
   '0%': {
     height: '28px',
-    ...shorthands.overflow('visible'),
+    ...(shorthands.overflow('visible') as Record<string, string>),
     width: '100%',
   },
 };
+/* eslint-enable deprecation/deprecation */
diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json
index 079e8048cb04c3..5888b1dd91cc66 100644
--- a/packages/react-components/react-card/package.json
+++ b/packages/react-components/react-card/package.json
@@ -43,7 +43,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-carousel-preview/package.json b/packages/react-components/react-carousel-preview/package.json
index dee0ba8122876f..c6a2aaedb3f079 100644
--- a/packages/react-components/react-carousel-preview/package.json
+++ b/packages/react-components/react-carousel-preview/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json
index 0b7b009ec40f06..ed36c7eab8510c 100644
--- a/packages/react-components/react-checkbox/package.json
+++ b/packages/react-components/react-checkbox/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-colorpicker-compat/package.json b/packages/react-components/react-colorpicker-compat/package.json
index 76786c3f481e18..e6d53cf22745a4 100644
--- a/packages/react-components/react-colorpicker-compat/package.json
+++ b/packages/react-components/react-colorpicker-compat/package.json
@@ -34,7 +34,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.37",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json
index 41c59c3d09f570..07c21dda7eabe0 100644
--- a/packages/react-components/react-combobox/package.json
+++ b/packages/react-components/react-combobox/package.json
@@ -45,7 +45,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index 9276091043d069..a8eff586b427f4 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -79,7 +79,7 @@
     "@fluentui/react-text": "^9.4.17",
     "@fluentui/react-virtualizer": "9.0.0-alpha.77",
     "@fluentui/react-tree": "^9.4.41",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-message-bar": "^9.0.29",
     "@fluentui/react-breadcrumb": "^9.0.24",
diff --git a/packages/react-components/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json
index 9f7c2a665bc86d..ca384867ce1117 100644
--- a/packages/react-components/react-conformance-griffel/package.json
+++ b/packages/react-components/react-conformance-griffel/package.json
@@ -32,7 +32,7 @@
     "@fluentui/react-conformance": "^0.19.0"
   },
   "dependencies": {
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "beachball": {
diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json
index 2406d016e074a0..7fd2bf124bcf39 100644
--- a/packages/react-components/react-datepicker-compat/package.json
+++ b/packages/react-components/react-datepicker-compat/package.json
@@ -48,7 +48,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json
index b91ff9f1ad3369..cd8d4ed3e0b8cf 100644
--- a/packages/react-components/react-dialog/package.json
+++ b/packages/react-components/react-dialog/package.json
@@ -51,7 +51,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-portal": "^9.4.23",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json
index 1de0c6695287f2..988074e1457837 100644
--- a/packages/react-components/react-divider/package.json
+++ b/packages/react-components/react-divider/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json
index e1f8fe1afc6417..ac3492e7939148 100644
--- a/packages/react-components/react-drawer/package.json
+++ b/packages/react-components/react-drawer/package.json
@@ -42,7 +42,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json
index 8ee50fcdafe3ad..58558cc922bf48 100644
--- a/packages/react-components/react-field/package.json
+++ b/packages/react-components/react-field/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-label": "^9.1.69",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-icons-compat/package.json b/packages/react-components/react-icons-compat/package.json
index 0df506e3f325da..d48cb1ff30dc1d 100644
--- a/packages/react-components/react-icons-compat/package.json
+++ b/packages/react-components/react-icons-compat/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json
index b48111a2d9af9b..6b16c3fd33363d 100644
--- a/packages/react-components/react-image/package.json
+++ b/packages/react-components/react-image/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
     "@fluentui/react-theme": "^9.1.19",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-infolabel/package.json b/packages/react-components/react-infolabel/package.json
index d20ea64efb1dc5..79a9a3a2d5b6fe 100644
--- a/packages/react-components/react-infolabel/package.json
+++ b/packages/react-components/react-infolabel/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.37",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json
index 8de20b6fd2353e..b148673614e374 100644
--- a/packages/react-components/react-input/package.json
+++ b/packages/react-components/react-input/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json
index cf26359590afb8..08bac6b549a081 100644
--- a/packages/react-components/react-label/package.json
+++ b/packages/react-components/react-label/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json
index b904a303c63f30..7419354de6a6a1 100644
--- a/packages/react-components/react-link/package.json
+++ b/packages/react-components/react-link/package.json
@@ -40,7 +40,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-list-preview/package.json b/packages/react-components/react-list-preview/package.json
index 3f135daf18bef7..064e94b709927f 100644
--- a/packages/react-components/react-list-preview/package.json
+++ b/packages/react-components/react-list-preview/package.json
@@ -46,7 +46,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-shared-contexts": "^9.18.0",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json
index 34848dd9b30196..22d8d55d3ac941 100644
--- a/packages/react-components/react-menu/package.json
+++ b/packages/react-components/react-menu/package.json
@@ -47,7 +47,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-message-bar/package.json b/packages/react-components/react-message-bar/package.json
index edd2b32a2a6cd2..78e4352a6d9a50 100644
--- a/packages/react-components/react-message-bar/package.json
+++ b/packages/react-components/react-message-bar/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "react-transition-group": "^4.4.1"
   },
diff --git a/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md b/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md
index 68498dbfd19d71..931031824e7dc3 100644
--- a/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md
+++ b/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md
@@ -210,7 +210,7 @@ export type StyledTextSlots = {
 };
 
 // @public (undocumented)
-export const useFlexStyles: () => Record<"flex" | "fill" | "column" | "wrap" | "inline" | "alignItemsFlexStart" | "alignItemsCenter" | "alignItemsFlexEnd" | "alignItemsStretch" | "justifyContentFlexStart" | "justifyContentCenter" | "justifyContentFlexEnd" | "justifyContentStretch" | "justifyContentSpaceAround" | "justifyContentSpaceBetween" | "justifyContentSpaceEvenly" | "gapForColumnFlexSmall" | "gapForColumnFlexSmaller" | "gapForColumnFlexMedium" | "gapForColumnFlexLarge" | "gapForRowFlexSmall" | "gapForRowFlexSmaller" | "gapForRowFlexMedium" | "gapForRowFlexLarge" | "paddingMedium", string>;
+export const useFlexStyles: () => Record<"flex" | "fill" | "inline" | "column" | "wrap" | "alignItemsFlexStart" | "alignItemsCenter" | "alignItemsFlexEnd" | "alignItemsStretch" | "justifyContentFlexStart" | "justifyContentCenter" | "justifyContentFlexEnd" | "justifyContentStretch" | "justifyContentSpaceAround" | "justifyContentSpaceBetween" | "justifyContentSpaceEvenly" | "gapForColumnFlexSmall" | "gapForColumnFlexSmaller" | "gapForColumnFlexMedium" | "gapForColumnFlexLarge" | "gapForRowFlexSmall" | "gapForRowFlexSmaller" | "gapForRowFlexMedium" | "gapForRowFlexLarge" | "paddingMedium", string>;
 
 // @public (undocumented)
 export const useGridStyles: () => Record<"grid" | "onlyRows" | "rows1" | "rows2" | "rows3" | "columns1" | "columns2" | "columns3" | "columnsDefault", string>;
diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json
index c487507a3cbdb9..7864e9d0107214 100644
--- a/packages/react-components/react-migration-v0-v9/package.json
+++ b/packages/react-components/react-migration-v0-v9/package.json
@@ -42,7 +42,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json
index 7c7d5bd9c04918..28e9449992c9ca 100644
--- a/packages/react-components/react-migration-v8-v9/package.json
+++ b/packages/react-components/react-migration-v8-v9/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-hooks": "^8.8.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-motion-preview/package.json b/packages/react-components/react-motion-preview/package.json
index 6e31f6d0e1867f..cbec33fc7cef20 100644
--- a/packages/react-components/react-motion-preview/package.json
+++ b/packages/react-components/react-motion-preview/package.json
@@ -34,7 +34,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-nav-preview/package.json b/packages/react-components/react-nav-preview/package.json
index a71996f667142b..673bd85531ba12 100644
--- a/packages/react-components/react-nav-preview/package.json
+++ b/packages/react-components/react-nav-preview/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-drawer": "^9.2.1",
     "@fluentui/react-icons": "^2.0.237",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json
index c7957323485939..b4fbba027ff196 100644
--- a/packages/react-components/react-overflow/package.json
+++ b/packages/react-components/react-overflow/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-context-selector": "^9.1.59",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json
index 936cad6527cdbd..fdea17c4576291 100644
--- a/packages/react-components/react-persona/package.json
+++ b/packages/react-components/react-persona/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json
index 46f2f17da7a1dd..4be411f77474f0 100644
--- a/packages/react-components/react-popover/package.json
+++ b/packages/react-components/react-popover/package.json
@@ -46,7 +46,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json
index ef1d4e9388a943..d3d7cbeb45fb56 100644
--- a/packages/react-components/react-portal/package.json
+++ b/packages/react-components/react-portal/package.json
@@ -35,7 +35,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "use-disposable": "^1.0.1"
   },
diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json
index f534038d6d63a8..72da084a188add 100644
--- a/packages/react-components/react-positioning/package.json
+++ b/packages/react-components/react-positioning/package.json
@@ -34,7 +34,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json
index 3d890098640fea..33234126b60be5 100644
--- a/packages/react-components/react-progress/package.json
+++ b/packages/react-components/react-progress/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json
index e6166ebbc31bd2..d08dd87d92d99d 100644
--- a/packages/react-components/react-provider/package.json
+++ b/packages/react-components/react-provider/package.json
@@ -39,8 +39,8 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/core": "^1.14.1",
-    "@griffel/react": "^1.5.14",
+    "@griffel/core": "^1.16.0",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx
index 178716721acbdc..e1acc5f9cc9791 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx
+++ b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx
@@ -33,7 +33,7 @@ describe('FluentProvider (node)', () => {
     expect(parseHTMLString(html)).toMatchInlineSnapshot(`
       "<div
         dir="ltr"
-        class="fui-FluentProvider fui-FluentProvider1 "
+        class="fui-FluentProvider fui-FluentProvider1"
       >
         <style id="fui-FluentProvider1">
           .fui-FluentProvider1 {
@@ -60,7 +60,7 @@ describe('FluentProvider (node)', () => {
     expect(parseHTMLString(html)).toMatchInlineSnapshot(`
       "<div
         dir="ltr"
-        class="fui-FluentProvider fui-FluentProvider1 "
+        class="fui-FluentProvider fui-FluentProvider1"
       >
         <style nonce="random" id="fui-FluentProvider1">
           .fui-FluentProvider1 {
diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json
index 3b8e9acf56b7fa..31c235ffd6a37b 100644
--- a/packages/react-components/react-radio/package.json
+++ b/packages/react-components/react-radio/package.json
@@ -40,7 +40,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-rating/package.json b/packages/react-components/react-rating/package.json
index dc206e434ce73a..132cc8bb7f5ae7 100644
--- a/packages/react-components/react-rating/package.json
+++ b/packages/react-components/react-rating/package.json
@@ -35,7 +35,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-search/package.json b/packages/react-components/react-search/package.json
index 92c96a89e81720..da659eb8d78464 100644
--- a/packages/react-components/react-search/package.json
+++ b/packages/react-components/react-search/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.37",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json
index 48c7eabf38dc17..b023e64d35a09d 100644
--- a/packages/react-components/react-select/package.json
+++ b/packages/react-components/react-select/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json
index 1060f45add492c..08db16bb0b9c9d 100644
--- a/packages/react-components/react-skeleton/package.json
+++ b/packages/react-components/react-skeleton/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json
index 207cba1b4cee5b..9ec6f7445832e5 100644
--- a/packages/react-components/react-slider/package.json
+++ b/packages/react-components/react-slider/package.json
@@ -40,7 +40,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json
index 5ee3b4f7e561b5..44775947dd2ad8 100644
--- a/packages/react-components/react-spinbutton/package.json
+++ b/packages/react-components/react-spinbutton/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json
index 4646c5aa0e67a9..0e87a60d89f424 100644
--- a/packages/react-components/react-spinner/package.json
+++ b/packages/react-components/react-spinner/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-swatch-picker-preview/package.json b/packages/react-components/react-swatch-picker-preview/package.json
index 670e35d1a70e95..ea0fdbde2143c0 100644
--- a/packages/react-components/react-swatch-picker-preview/package.json
+++ b/packages/react-components/react-swatch-picker-preview/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json
index 23355519c8670a..f673fc576ddc52 100644
--- a/packages/react-components/react-switch/package.json
+++ b/packages/react-components/react-switch/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json
index 39a01a927b3cdf..ebdd5013e803a5 100644
--- a/packages/react-components/react-table/package.json
+++ b/packages/react-components/react-table/package.json
@@ -47,7 +47,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json
index cd4bd1893cba30..46c79f89e42c58 100644
--- a/packages/react-components/react-tabs/package.json
+++ b/packages/react-components/react-tabs/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json
index b98fe02caaef4e..8d88580777b4b8 100644
--- a/packages/react-components/react-tabster/package.json
+++ b/packages/react-components/react-tabster/package.json
@@ -34,7 +34,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "keyborg": "^2.6.0",
     "tabster": "^7.1.2"
diff --git a/packages/react-components/react-tabster/src/focus/createFocusOutlineStyle.ts b/packages/react-components/react-tabster/src/focus/createFocusOutlineStyle.ts
index a5fe73764e0952..00f31330e167a5 100644
--- a/packages/react-components/react-tabster/src/focus/createFocusOutlineStyle.ts
+++ b/packages/react-components/react-tabster/src/focus/createFocusOutlineStyle.ts
@@ -70,10 +70,12 @@ const getFocusOutlineStyles = (options: FocusOutlineStyleOptions): GriffelStyle
       pointerEvents: 'none',
       zIndex: 1,
 
+      /* eslint-disable deprecation/deprecation */
       ...shorthands.borderStyle('solid'),
       ...shorthands.borderWidth(outlineWidth),
       ...shorthands.borderRadius(outlineRadius),
       ...shorthands.borderColor(outlineColor),
+      /* eslint-enable deprecation/deprecation */
 
       top: getOutlinePosition(options, 'top'),
       right: getOutlinePosition(options, 'right'),
diff --git a/packages/react-components/react-tag-picker-preview/package.json b/packages/react-components/react-tag-picker-preview/package.json
index 1a677c86338a04..399a9418af209b 100644
--- a/packages/react-components/react-tag-picker-preview/package.json
+++ b/packages/react-components/react-tag-picker-preview/package.json
@@ -53,7 +53,7 @@
     "@fluentui/react-positioning": "^9.14.5",
     "@fluentui/keyboard-keys": "^9.0.7",
     "@fluentui/react-field": "^9.1.64",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json
index ac14ab662e6430..feb873d4415121 100644
--- a/packages/react-components/react-tags/package.json
+++ b/packages/react-components/react-tags/package.json
@@ -45,7 +45,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-teaching-popover/package.json b/packages/react-components/react-teaching-popover/package.json
index c1d198ee8a377f..2dd740438d4cfd 100644
--- a/packages/react-components/react-teaching-popover/package.json
+++ b/packages/react-components/react-teaching-popover/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.37",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-popover": "^9.9.7",
diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json
index 29cdffe64db100..5a9ea2a6a69c09 100644
--- a/packages/react-components/react-text/package.json
+++ b/packages/react-components/react-text/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json
index 4094bd3a03e98f..664f3ceb093b71 100644
--- a/packages/react-components/react-textarea/package.json
+++ b/packages/react-components/react-textarea/package.json
@@ -38,7 +38,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-timepicker-compat/package.json b/packages/react-components/react-timepicker-compat/package.json
index 11bd7f6307021b..6eff2bbea61e7a 100644
--- a/packages/react-components/react-timepicker-compat/package.json
+++ b/packages/react-components/react-timepicker-compat/package.json
@@ -46,7 +46,7 @@
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-toast/package.json b/packages/react-components/react-toast/package.json
index beeeafbc6c2d48..c26b151d0d7d4d 100644
--- a/packages/react-components/react-toast/package.json
+++ b/packages/react-components/react-toast/package.json
@@ -45,7 +45,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json
index 3026c05557ffdb..d25ce417de65f7 100644
--- a/packages/react-components/react-toolbar/package.json
+++ b/packages/react-components/react-toolbar/package.json
@@ -44,7 +44,7 @@
     "@fluentui/react-radio": "^9.2.18",
     "@fluentui/react-shared-contexts": "^9.18.0",
     "@fluentui/react-tabster": "^9.21.1",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json
index 8c983d9f76b512..e196a730f38617 100644
--- a/packages/react-components/react-tooltip/package.json
+++ b/packages/react-components/react-tooltip/package.json
@@ -41,7 +41,7 @@
     "@fluentui/react-tabster": "^9.21.1",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json
index 1daba9de4b6e92..95f7a3191fc133 100644
--- a/packages/react-components/react-tree/package.json
+++ b/packages/react-components/react-tree/package.json
@@ -49,7 +49,7 @@
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-virtualizer/package.json b/packages/react-components/react-virtualizer/package.json
index 2014e1ba7ddf69..7097541e360a69 100644
--- a/packages/react-components/react-virtualizer/package.json
+++ b/packages/react-components/react-virtualizer/package.json
@@ -35,7 +35,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.37",
     "@fluentui/react-utilities": "^9.18.8",
     "@fluentui/react-shared-contexts": "^9.18.0",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json
index e583f4362517b8..1230120edb01f4 100644
--- a/packages/react-components/theme-designer/package.json
+++ b/packages/react-components/theme-designer/package.json
@@ -39,7 +39,7 @@
     "@fluentui/react-storybook-addon-export-to-sandbox": "^0.1.0",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@types/dedent": "0.7.0",
     "codesandbox-import-utils": "2.2.3"
diff --git a/packages/react-components/theme-designer/src/components/ColorTokens/TokenIssueList.tsx b/packages/react-components/theme-designer/src/components/ColorTokens/TokenIssueList.tsx
index e19d2497fef485..3c9aa390b468a7 100644
--- a/packages/react-components/theme-designer/src/components/ColorTokens/TokenIssueList.tsx
+++ b/packages/react-components/theme-designer/src/components/ColorTokens/TokenIssueList.tsx
@@ -36,7 +36,7 @@ import {
 import { ColorOverrideBrands, useThemeDesigner } from '../../Context/ThemeDesignerContext';
 import { contrast, hex_to_sRGB } from '../../colors';
 import { accessiblePairs } from './AccessiblePairs';
-import { useStyles } from './TokenList.style';
+import { useStyles } from './TokenList.styles';
 
 export interface TokenIssueListProps {
   brand: BrandVariants;
diff --git a/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.style.ts b/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.styles.ts
similarity index 87%
rename from packages/react-components/theme-designer/src/components/ColorTokens/TokenList.style.ts
rename to packages/react-components/theme-designer/src/components/ColorTokens/TokenList.styles.ts
index 8b742ec7aba015..d41bae391f3013 100644
--- a/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.style.ts
+++ b/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.styles.ts
@@ -19,7 +19,9 @@ export const useStyles = makeStyles({
     display: 'inline',
     paddingLeft: '5px',
     paddingRight: '5px',
+    /* eslint-disable deprecation/deprecation */
     ...shorthands.borderRadius('10px'),
+    /* eslint-enable deprecation/deprecation */
   },
   menu: {
     marginTop: tokens.spacingVerticalXS,
diff --git a/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.tsx b/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.tsx
index 13e052f879a949..fddd59b77fc5f9 100644
--- a/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.tsx
+++ b/packages/react-components/theme-designer/src/components/ColorTokens/TokenList.tsx
@@ -25,7 +25,7 @@ import { brandRamp } from '../../utils/getOverridableTokenBrandColors';
 import { Brands, BrandVariants } from '@fluentui/react-theme';
 import { CircleFilled } from '@fluentui/react-icons';
 import { ColorOverrideBrands, useThemeDesigner } from '../../Context/ThemeDesignerContext';
-import { useStyles } from './TokenList.style';
+import { useStyles } from './TokenList.styles';
 import { constructRowParameters } from './TokenIssueList';
 
 export interface TokenIssueListProps {
diff --git a/packages/react-components/theme-designer/src/components/Demo/Demo.tsx b/packages/react-components/theme-designer/src/components/Demo/Demo.tsx
index c9767ffe27afa5..f294566e814642 100644
--- a/packages/react-components/theme-designer/src/components/Demo/Demo.tsx
+++ b/packages/react-components/theme-designer/src/components/Demo/Demo.tsx
@@ -31,7 +31,7 @@ import {
 export interface ContentProps {
   className?: string;
 }
-
+/* eslint-disable deprecation/deprecation */
 const useStyles = makeStyles({
   root: {
     display: 'flex',
@@ -81,6 +81,7 @@ const useStyles = makeStyles({
     justifyContent: 'left',
   },
 });
+/* eslint-enable deprecation/deprecation */
 
 /*
 	Note the state of the stickersheet is that we need consensus on the following post Build 2023:
diff --git a/packages/react-components/theme-designer/src/components/Header/Header.tsx b/packages/react-components/theme-designer/src/components/Header/Header.tsx
index cf1bd8a2d955b2..b9724f563021b2 100644
--- a/packages/react-components/theme-designer/src/components/Header/Header.tsx
+++ b/packages/react-components/theme-designer/src/components/Header/Header.tsx
@@ -25,6 +25,7 @@ export interface HeaderProps {
   className?: string;
 }
 
+/* eslint-disable deprecation/deprecation */
 const useStyles = makeStyles({
   root: {
     display: 'flex',
@@ -52,6 +53,7 @@ const useStyles = makeStyles({
     paddingRight: tokens.spacingHorizontalL,
   },
 });
+/* eslint-enable deprecation/deprecation */
 
 export const Header: React.FC<HeaderProps> = props => {
   const styles = useStyles();
diff --git a/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx b/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx
index 8e173a3d6b8986..9a390b003db7ab 100644
--- a/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx
+++ b/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx
@@ -19,6 +19,7 @@ import { defaultThemePlaceholderName } from '../../Context/ThemeDesignerContext'
 // import { AccessibilityPanel } from './AccessibilityPanel';
 import { useDebounce } from '../../utils/useDebounce';
 
+/* eslint-disable deprecation/deprecation */
 const useStyles = makeStyles({
   root: {
     backgroundColor: tokens.colorNeutralBackground3,
@@ -80,6 +81,7 @@ const useStyles = makeStyles({
     paddingRight: '20px',
   },
 });
+/* eslint-enable deprecation/deprecation */
 
 const DELAY_INPUT = 20;
 export const Form: React.FC = () => {
diff --git a/packages/react-components/theme-designer/src/components/Sidebar/Sidebar.tsx b/packages/react-components/theme-designer/src/components/Sidebar/Sidebar.tsx
index 6f3975f6e2f19d..ddc129257361cf 100644
--- a/packages/react-components/theme-designer/src/components/Sidebar/Sidebar.tsx
+++ b/packages/react-components/theme-designer/src/components/Sidebar/Sidebar.tsx
@@ -7,6 +7,7 @@ export interface SidebarProps {
   className?: string;
 }
 
+/* eslint-disable deprecation/deprecation */
 const useStyles = makeStyles({
   root: {
     display: 'flex',
@@ -18,6 +19,7 @@ const useStyles = makeStyles({
     backgroundColor: tokens.colorNeutralBackground3,
   },
 });
+/* eslint-enable deprecation/deprecation */
 
 export const Sidebar: React.FC<SidebarProps> = props => {
   const styles = useStyles();
diff --git a/packages/react-components/theme-designer/src/components/TokenBoxes/TokenBoxes.tsx b/packages/react-components/theme-designer/src/components/TokenBoxes/TokenBoxes.tsx
index bed6cf6629571c..5cb3d36795d682 100644
--- a/packages/react-components/theme-designer/src/components/TokenBoxes/TokenBoxes.tsx
+++ b/packages/react-components/theme-designer/src/components/TokenBoxes/TokenBoxes.tsx
@@ -14,6 +14,7 @@ export interface TokenBoxProps {
   themeColor: string;
 }
 
+/* eslint-disable deprecation/deprecation */
 const useStyles = makeStyles({
   root: {
     display: 'grid',
@@ -41,6 +42,7 @@ const useStyles = makeStyles({
     paddingLeft: tokens.spacingVerticalS,
   },
 });
+/* eslint-enable deprecation/deprecation */
 
 export const TokenBox: React.FC<TokenBoxProps> = props => {
   const styles = useStyles();
diff --git a/scripts/test-ssr/src/utils/renderToHTML.test.ts b/scripts/test-ssr/src/utils/renderToHTML.test.ts
index b22e6b6004b97a..b97d8468496b82 100644
--- a/scripts/test-ssr/src/utils/renderToHTML.test.ts
+++ b/scripts/test-ssr/src/utils/renderToHTML.test.ts
@@ -42,7 +42,9 @@ exports.App = App;
     const htmlContent = await fs.promises.readFile(htmlOutfile, { encoding: 'utf8' });
 
     // <style> element with rehydration attribute
-    expect(htmlContent).toContain('<style data-make-styles-bucket="d" data-make-styles-rehydration="true">');
+    expect(htmlContent).toContain(
+      '<style data-make-styles-bucket="d" data-priority="0" data-make-styles-rehydration="true">',
+    );
     // <script> element with proper "src"
     expect(htmlContent).toContain('<script src="esm.js"></script>');
     // Contents of App component
diff --git a/yarn.lock b/yarn.lock
index 38c27022edcd8a..60ac15e17a521a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -203,13 +203,13 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.23.5.tgz#9009b69a8c602293476ad598ff53e4562e15c244"
-  integrity sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.2", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
+  version "7.24.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae"
+  integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==
   dependencies:
-    "@babel/highlight" "^7.23.4"
-    chalk "^2.4.2"
+    "@babel/highlight" "^7.24.2"
+    picocolors "^1.0.0"
 
 "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5":
   version "7.23.5"
@@ -238,7 +238,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@7.24.0", "@babel/core@^7.1.0", "@babel/core@^7.10.4", "@babel/core@^7.11.6", "@babel/core@^7.12.10", "@babel/core@^7.12.13", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.18.2", "@babel/core@^7.20.0", "@babel/core@^7.23.2", "@babel/core@^7.7.5":
+"@babel/core@7.24.0", "@babel/core@^7.1.0", "@babel/core@^7.10.4", "@babel/core@^7.11.6", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.18.2", "@babel/core@^7.20.0", "@babel/core@^7.23.2", "@babel/core@^7.7.5":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.0.tgz#56cbda6b185ae9d9bed369816a8f4423c5f2ff1b"
   integrity sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==
@@ -259,14 +259,14 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@7.23.6", "@babel/generator@>=7", "@babel/generator@^7.10.3", "@babel/generator@^7.12.11", "@babel/generator@^7.12.13", "@babel/generator@^7.12.5", "@babel/generator@^7.23.6", "@babel/generator@^7.4.4", "@babel/generator@^7.7.2":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.6.tgz#9e1fca4811c77a10580d17d26b57b036133f3c2e"
-  integrity sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==
+"@babel/generator@7.24.5", "@babel/generator@>=7", "@babel/generator@^7.10.3", "@babel/generator@^7.12.11", "@babel/generator@^7.12.13", "@babel/generator@^7.12.5", "@babel/generator@^7.23.0", "@babel/generator@^7.23.6", "@babel/generator@^7.24.5", "@babel/generator@^7.4.4", "@babel/generator@^7.7.2":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
+  integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==
   dependencies:
-    "@babel/types" "^7.23.6"
-    "@jridgewell/gen-mapping" "^0.3.2"
-    "@jridgewell/trace-mapping" "^0.3.17"
+    "@babel/types" "^7.24.5"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
 "@babel/helper-annotate-as-pure@^7.0.0", "@babel/helper-annotate-as-pure@^7.10.4", "@babel/helper-annotate-as-pure@^7.18.6", "@babel/helper-annotate-as-pure@^7.22.5":
@@ -448,22 +448,22 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-split-export-declaration@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
-  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
+"@babel/helper-split-export-declaration@^7.22.6", "@babel/helper-split-export-declaration@^7.24.5":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6"
+  integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.24.5"
 
-"@babel/helper-string-parser@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz#9478c707febcbbe1ddb38a3d91a2e054ae622d83"
-  integrity sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==
+"@babel/helper-string-parser@^7.24.1":
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
+  integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
 
-"@babel/helper-validator-identifier@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
-  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+"@babel/helper-validator-identifier@^7.22.20", "@babel/helper-validator-identifier@^7.24.5":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
+  integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
 
 "@babel/helper-validator-option@^7.22.15", "@babel/helper-validator-option@^7.23.5":
   version "7.23.5"
@@ -488,19 +488,20 @@
     "@babel/traverse" "^7.24.0"
     "@babel/types" "^7.24.0"
 
-"@babel/highlight@^7.10.4", "@babel/highlight@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.23.4.tgz#edaadf4d8232e1a961432db785091207ead0621b"
-  integrity sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==
+"@babel/highlight@^7.10.4", "@babel/highlight@^7.24.2":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.5.tgz#bc0613f98e1dd0720e99b2a9ee3760194a704b6e"
+  integrity sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-validator-identifier" "^7.24.5"
     chalk "^2.4.2"
     js-tokens "^4.0.0"
+    picocolors "^1.0.0"
 
-"@babel/parser@7.24.0", "@babel/parser@^7.1.0", "@babel/parser@^7.10.3", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.0", "@babel/parser@^7.20.7", "@babel/parser@^7.24.0", "@babel/parser@^7.4.5":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.0.tgz#26a3d1ff49031c53a97d03b604375f028746a9ac"
-  integrity sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==
+"@babel/parser@7.24.5", "@babel/parser@^7.1.0", "@babel/parser@^7.10.3", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.0", "@babel/parser@^7.20.7", "@babel/parser@^7.24.0", "@babel/parser@^7.24.5", "@babel/parser@^7.4.5":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
+  integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
 
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.23.3":
   version "7.23.3"
@@ -1466,29 +1467,29 @@
     "@babel/parser" "^7.24.0"
     "@babel/types" "^7.24.0"
 
-"@babel/traverse@7.24.0", "@babel/traverse@>=7", "@babel/traverse@^7.10.3", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.13", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.16.0", "@babel/traverse@^7.24.0", "@babel/traverse@^7.4.5":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.0.tgz#4a408fbf364ff73135c714a2ab46a5eab2831b1e"
-  integrity sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==
+"@babel/traverse@7.24.5", "@babel/traverse@>=7", "@babel/traverse@^7.10.3", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.13", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.16.0", "@babel/traverse@^7.23.2", "@babel/traverse@^7.24.0", "@babel/traverse@^7.4.5":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
+  integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==
   dependencies:
-    "@babel/code-frame" "^7.23.5"
-    "@babel/generator" "^7.23.6"
+    "@babel/code-frame" "^7.24.2"
+    "@babel/generator" "^7.24.5"
     "@babel/helper-environment-visitor" "^7.22.20"
     "@babel/helper-function-name" "^7.23.0"
     "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/parser" "^7.24.0"
-    "@babel/types" "^7.24.0"
+    "@babel/helper-split-export-declaration" "^7.24.5"
+    "@babel/parser" "^7.24.5"
+    "@babel/types" "^7.24.5"
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@7.24.0", "@babel/types@^7.0.0", "@babel/types@^7.0.0-beta.49", "@babel/types@^7.10.4", "@babel/types@^7.12.11", "@babel/types@^7.12.7", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.23.6", "@babel/types@^7.24.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf"
-  integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==
+"@babel/types@7.24.5", "@babel/types@^7.0.0", "@babel/types@^7.0.0-beta.49", "@babel/types@^7.10.4", "@babel/types@^7.12.11", "@babel/types@^7.12.7", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+  version "7.24.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
+  integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==
   dependencies:
-    "@babel/helper-string-parser" "^7.23.4"
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-string-parser" "^7.24.1"
+    "@babel/helper-validator-identifier" "^7.24.5"
     to-fast-properties "^2.0.0"
 
 "@base2/pretty-print-object@1.0.1":
@@ -1917,7 +1918,7 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.20.1.tgz#77583b6ea54cee7c1410ebbd54051b6a3fcbd8ba"
   integrity sha512-0MBh53o6XtI6ctDnRMeQ+xoCN8kD2qI1rY1KgF/xdWQwoFeKou7puvDfV8/Wv4Ctx2rRpET/gGdz3YlNtNACSA==
 
-"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+"@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
@@ -1987,95 +1988,95 @@
     "@griffel/react" "^1.5.14"
     "@swc/helpers" "^0.5.1"
 
-"@griffel/babel-preset@1.4.20", "@griffel/babel-preset@^1.4.20":
-  version "1.4.20"
-  resolved "https://registry.yarnpkg.com/@griffel/babel-preset/-/babel-preset-1.4.20.tgz#047eb62f104e7bea781820816263e7407fafe543"
-  integrity sha512-fN3ntaNnshPY6rY8ysNrQgo/EdheZjcAi/xT8hBVV85VHFjuTkL+aKA2S3Ufea4gdSt9R4eGavMkPsO08r8dEA==
+"@griffel/babel-preset@1.5.8", "@griffel/babel-preset@^1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@griffel/babel-preset/-/babel-preset-1.5.8.tgz#2ee5e404b34350fcb40a2506d73b0467f1a66be0"
+  integrity sha512-WXJvNvxaEIajdd1BgIM7TfvSXDuadpnkGYyPw1vpk+TKzOA0bWiif7YxRLOgVIpi7HxhpEwO0fdyviu+k4MXQQ==
   dependencies:
-    "@babel/core" "^7.12.13"
-    "@babel/generator" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/template" "^7.12.13"
-    "@babel/traverse" "^7.12.13"
-    "@griffel/core" "^1.14.1"
-    "@linaria/babel-preset" "^3.0.0-beta.23"
+    "@babel/core" "^7.23.2"
+    "@babel/generator" "^7.23.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.23.2"
+    "@griffel/core" "^1.16.0"
+    "@linaria/babel-preset" "^3.0.0-beta.24"
     "@linaria/shaker" "^3.0.0-beta.22"
     ajv "^8.4.0"
     stylis "^4.2.0"
     tslib "^2.1.0"
 
-"@griffel/core@^1.14.1":
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/@griffel/core/-/core-1.14.1.tgz#1efe8f5cd5c4b348636264061c3a6cf4040b08f4"
-  integrity sha512-KQ6yueap1zff9TJrn7MdfSAHDMDVP6Ec97gnpCi4NOeKiyCyT13MwPCmkkK0o/poaV1f9MdHhUTQZCpK0QtxzQ==
+"@griffel/core@^1.16.0":
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/@griffel/core/-/core-1.16.0.tgz#b022756dd35b88f612cd67e366005acbde8dd555"
+  integrity sha512-7xy9sWxmyFok0chZXJ91z4VH0HdwhAPUln5Ctpg6S/WRKoPhpIg9EieiL5CRFhIp1krPIncJSes4WqaB9OKiow==
   dependencies:
     "@emotion/hash" "^0.9.0"
-    "@griffel/style-types" "^1.0.1"
-    csstype "^3.1.2"
+    "@griffel/style-types" "^1.1.0"
+    csstype "^3.1.3"
     rtl-css-js "^1.16.1"
     stylis "^4.2.0"
     tslib "^2.1.0"
 
-"@griffel/eslint-plugin@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@griffel/eslint-plugin/-/eslint-plugin-1.2.0.tgz#a4e211c16b4d3f0cdb90b47c5af1dce191b10bd4"
-  integrity sha512-ThqQR1UIeM+WZH1z8RUrKHCDuSXrFEwRIL4nX0UmBZznV/36DiGzODOQl6ZoZ9eCGoGYxTnl6riwy/1cB/0yGA==
+"@griffel/eslint-plugin@^1.6.2":
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/@griffel/eslint-plugin/-/eslint-plugin-1.6.2.tgz#346f4e0c50a2819e1d745ae095f52f26e35aee90"
+  integrity sha512-HYpGxBo5+U8MzQujA+Qp8cxL85961OeGfi521mFT10tv2JFGRuB2K8OvqOrLYcolUg13pz+WO+X9uqLLmNnucw==
   dependencies:
-    "@typescript-eslint/utils" "^5.47.0"
-    csstype "^3.1.2"
+    "@typescript-eslint/utils" "^6.18.1"
+    csstype "^3.1.3"
     tslib "^2.1.0"
 
-"@griffel/jest-serializer@1.1.16":
-  version "1.1.16"
-  resolved "https://registry.yarnpkg.com/@griffel/jest-serializer/-/jest-serializer-1.1.16.tgz#c205ef47eecc17e41d22f4b834d485fb2f3c8ca3"
-  integrity sha512-43EK5EdX/xsSKQl7ObLfM/IxiZU6imlkFoJj7bzsP7aykMn6xePe11oAwMcZb+lMmiP/gtEsNMvsi1UBt+6NFw==
+"@griffel/jest-serializer@1.1.24":
+  version "1.1.24"
+  resolved "https://registry.yarnpkg.com/@griffel/jest-serializer/-/jest-serializer-1.1.24.tgz#b6c9e6144b730a1eafe8073767c01d182295e0af"
+  integrity sha512-HNDzy/jPZo/hyo0Qu8v1W/3jW7m1Oary9cqNZE8Tm/n52b/pxvkJilvBsf5lur7xuqGt5M+zkGH4a/xKL8kWgw==
   dependencies:
-    "@griffel/core" "^1.14.1"
+    "@griffel/core" "^1.16.0"
     tslib "^2.1.0"
 
-"@griffel/react@^1.0.0", "@griffel/react@^1.5.14":
-  version "1.5.14"
-  resolved "https://registry.yarnpkg.com/@griffel/react/-/react-1.5.14.tgz#ea58ebd82007d421d16da49b7e57eccba391d609"
-  integrity sha512-/x6cy6xMtpow1r+Zrw/hMKHwo+imFAgKaZ3A/+M8GyT3L9AFxK1Kyg4JvARPjLBAn9Q2q5dkCr78jOguuVSScg==
+"@griffel/react@^1.0.0", "@griffel/react@^1.5.14", "@griffel/react@^1.5.22":
+  version "1.5.22"
+  resolved "https://registry.yarnpkg.com/@griffel/react/-/react-1.5.22.tgz#90b589f7d6015405d38ebe624d08e793813c2164"
+  integrity sha512-QZWo73e+7oh+aTxCJzCe9SNUszM0+lHG9p1LoEQ5MZdvtT8sur1M4cz+TVTTgUXqUBnHBf1TIYXvVoRxiZhy8Q==
   dependencies:
-    "@griffel/core" "^1.14.1"
+    "@griffel/core" "^1.16.0"
     tslib "^2.1.0"
 
-"@griffel/shadow-dom@0.1.5":
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/@griffel/shadow-dom/-/shadow-dom-0.1.5.tgz#e1a14b036ef3b4382e7dc71fce3e43c5da1e93d0"
-  integrity sha512-/4MUZd1udyX7OMwqfjbZrBdAnjCbz/BqsIxsX/N/2yLMDA9lmiJonySi6NGLKzoGphGy+tAgBkCh2t4YBI1Phg==
+"@griffel/shadow-dom@0.2.2":
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/@griffel/shadow-dom/-/shadow-dom-0.2.2.tgz#f78bd59a3e8124cd63a6616441e80e218142ae73"
+  integrity sha512-DlMY927dtDIkqdY2Z0jF6W8pWx0m+je1U/cpzsHXzVehLEMcANWn+KEYMk8SW2MEbsNHOg+fq15lfGEFiqbF1g==
   dependencies:
-    "@griffel/core" "^1.14.1"
+    "@griffel/core" "^1.16.0"
     tslib "^2.1.0"
 
-"@griffel/style-types@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@griffel/style-types/-/style-types-1.0.1.tgz#4e7bca38d54c7371114309a5697869099a693e84"
-  integrity sha512-nhVryiNHhoBt5L93tfDYGoE4KtWvhBvY7y1yR1n6WKpRjasgw3GI2pBwiMiVt68bycnyvXIvcJjJTr0QM22VLQ==
+"@griffel/style-types@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@griffel/style-types/-/style-types-1.1.0.tgz#b7e8d8f03d32162c81ab539fe59886ea0aa1dea2"
+  integrity sha512-cINLeC14/YUHlrtL96vzCrsFr19WUO0i9DuljBtX5S7B8pMyiNf6Pw0htjroLojvfD2okhdsr9CHwpUxz1u4kw==
   dependencies:
-    csstype "^3.1.2"
+    csstype "^3.1.3"
 
-"@griffel/webpack-extraction-plugin@0.3.18":
-  version "0.3.18"
-  resolved "https://registry.yarnpkg.com/@griffel/webpack-extraction-plugin/-/webpack-extraction-plugin-0.3.18.tgz#1ffe5ad7d1220b5b75180dd64177e88d2e2d054b"
-  integrity sha512-FYqaacXXMG3ekAXdpkS6Snc/ECW095pMIvLY8bDtOkNZidslbbg5gF/KqVrOqRcR3gDPXLpT3GylfGEHVrvEgw==
+"@griffel/webpack-extraction-plugin@0.5.2":
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/@griffel/webpack-extraction-plugin/-/webpack-extraction-plugin-0.5.2.tgz#e019b9b7620f4368ed18a6e94971e339eae3dab5"
+  integrity sha512-TLXy8X5WI4iSmTy6szbLYpul4op0mEcjDlaN3ZLes/JH+94D9Gtcr0d+Y7FWXBDTjGNf+v0GeUHL08JJIDQwSw==
   dependencies:
-    "@babel/core" "^7.12.13"
-    "@babel/helper-module-imports" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@griffel/core" "^1.14.1"
+    "@babel/core" "^7.23.2"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@griffel/core" "^1.16.0"
     stylis "^4.2.0"
     tslib "^2.1.0"
 
-"@griffel/webpack-loader@2.1.20":
-  version "2.1.20"
-  resolved "https://registry.yarnpkg.com/@griffel/webpack-loader/-/webpack-loader-2.1.20.tgz#a5842a06bf4e32301962d7a1dd3ecca8247100ae"
-  integrity sha512-R4Sk64rZIkWuTQX0mpzOFm5ULJ0HpnD3GMxOvprqNTpQmaCaL89FHOMc1le90s25clQfmxTAZuCueBOJHYxNCA==
+"@griffel/webpack-loader@2.2.10":
+  version "2.2.10"
+  resolved "https://registry.yarnpkg.com/@griffel/webpack-loader/-/webpack-loader-2.2.10.tgz#93a85d376825262d119510294f10428432c50bee"
+  integrity sha512-M7V7Udfx42NYbTgo5f8RJoRYxPUW4eqlS5Z1npTID7WpPCsGQMvgss3BODZPeUiYABIBEYdbdGiAV+fmmzh0Sw==
   dependencies:
-    "@babel/core" "^7.12.13"
-    "@griffel/babel-preset" "^1.4.20"
-    enhanced-resolve "^5.8.2"
+    "@babel/core" "^7.23.2"
+    "@griffel/babel-preset" "^1.5.8"
+    enhanced-resolve "^5.15.0"
     tslib "^2.1.0"
 
 "@gulp-sourcemaps/identity-map@1.X":
@@ -2364,24 +2365,24 @@
     "@jridgewell/set-array" "^1.0.0"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
-  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
   dependencies:
-    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/set-array" "^1.2.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@jridgewell/trace-mapping" "^0.3.24"
 
 "@jridgewell/resolve-uri@^3.0.3", "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
-"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
-  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
 
 "@jridgewell/source-map@^0.3.3":
   version "0.3.5"
@@ -2404,10 +2405,10 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.23"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.23.tgz#afc96847f3f07841477f303eed687707a5aacd80"
-  integrity sha512-9/4foRoUKp8s96tSkh8DlAAc5A0Ty8vLXld+l9gjKKY6ckwI8G15f0hskGmuLZu78ZlGa1vtsfOa+lnB4vG6Jg==
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
   dependencies:
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
@@ -2422,10 +2423,10 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
-"@linaria/babel-preset@^3.0.0-beta.22", "@linaria/babel-preset@^3.0.0-beta.23":
-  version "3.0.0-beta.23"
-  resolved "https://registry.yarnpkg.com/@linaria/babel-preset/-/babel-preset-3.0.0-beta.23.tgz#1e8c32c85495fdd9db4d3f1ccd4d29fe17cb1d16"
-  integrity sha512-NhxUZokEq12RLpDo4v/f59dB9A/1BbLgGLFotnrDzNBHfylm0qXSIIel68pZOXUB5lVdPJHqZWcT2zxbpGW6fA==
+"@linaria/babel-preset@^3.0.0-beta.22", "@linaria/babel-preset@^3.0.0-beta.24":
+  version "3.0.0-beta.24"
+  resolved "https://registry.yarnpkg.com/@linaria/babel-preset/-/babel-preset-3.0.0-beta.24.tgz#921b396afc37ebb5df84b8a02d37a56ea49cb54b"
+  integrity sha512-6DiKeeOpFXLQnXZvCPtGsdBMIGouylsYqlzA4XS1GxcHvK2V8BUtIGxY9UCg3WYOme/IlPKee7unjun0I4iqkA==
   dependencies:
     "@babel/core" "^7.18.2"
     "@babel/generator" ">=7"
@@ -2434,15 +2435,15 @@
     "@babel/plugin-transform-modules-commonjs" "^7.18.2"
     "@babel/template" ">=7"
     "@babel/traverse" ">=7"
-    "@linaria/core" "^3.0.0-beta.22"
-    "@linaria/logger" "^3.0.0-beta.20"
-    "@linaria/utils" "^3.0.0-beta.20"
+    "@linaria/core" "3.0.0-beta.22"
+    "@linaria/logger" "3.0.0-beta.20"
+    "@linaria/utils" "3.0.0-beta.20"
     cosmiconfig "^5.1.0"
     find-up "^5.0.0"
     source-map "^0.7.3"
     stylis "^3.5.4"
 
-"@linaria/core@^3.0.0-beta.22":
+"@linaria/core@3.0.0-beta.22":
   version "3.0.0-beta.22"
   resolved "https://registry.yarnpkg.com/@linaria/core/-/core-3.0.0-beta.22.tgz#170dbeaf7bf7f7b5607d8e68d0d616d739b673b8"
   integrity sha512-BPSecW8QmhQ0y+5cWXEja+MTmLsuo0T1PjqRlSWsmDgjJFFObqCnPEgbR1KNtQb3Msmx1/9q3dYKpA5Zk3g8KQ==
@@ -2450,7 +2451,7 @@
     "@linaria/logger" "^3.0.0-beta.20"
     "@linaria/utils" "^3.0.0-beta.20"
 
-"@linaria/logger@^3.0.0-beta.20":
+"@linaria/logger@3.0.0-beta.20", "@linaria/logger@^3.0.0-beta.20":
   version "3.0.0-beta.20"
   resolved "https://registry.yarnpkg.com/@linaria/logger/-/logger-3.0.0-beta.20.tgz#f6f6476afe3d99880a88794bbc16b0f4b2bc1d31"
   integrity sha512-wCxWnldCHf7HXdLG3QtbKyBur+z5V1qZTouSEvcVYDfd4aSRPOi/jLdwsZlsUq2PFGpA3jW6JnreZJ/vxuEl7g==
@@ -2481,7 +2482,7 @@
     babel-plugin-transform-react-remove-prop-types "^0.4.24"
     ts-invariant "^0.10.3"
 
-"@linaria/utils@^3.0.0-beta.20":
+"@linaria/utils@3.0.0-beta.20", "@linaria/utils@^3.0.0-beta.20":
   version "3.0.0-beta.20"
   resolved "https://registry.yarnpkg.com/@linaria/utils/-/utils-3.0.0-beta.20.tgz#0965df816120a1973c4559b746571c01c6cb9bef"
   integrity sha512-SKRC9dBApzu0kTksVtGZ7eJz1vMu7xew/JEAjQj6XTQDblzWpTPyKQHBOGXNkqXjIB8PwAqWfvKzKapzaOwQaQ==
@@ -5694,7 +5695,7 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-6.2.3.tgz#5798ecf1bec94eaa64db39ee52808ec0693315aa"
   integrity sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==
 
-"@types/semver@^7.3.12", "@types/semver@^7.5.0":
+"@types/semver@^7.5.0":
   version "7.5.6"
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.6.tgz#c65b2bfce1bec346582c07724e3f8c1017a20339"
   integrity sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==
@@ -5989,14 +5990,6 @@
     "@typescript-eslint/types" "4.22.0"
     "@typescript-eslint/visitor-keys" "4.22.0"
 
-"@typescript-eslint/scope-manager@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.1.tgz#8a20222719cebc5198618a5d44113705b51fd7fe"
-  integrity sha512-mau0waO5frJctPuAzcxiNWqJR5Z8V0190FTSqRw1Q4Euop6+zTwHAf8YIXNwDOT29tyUDrQ65jSg9aTU/H0omA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/visitor-keys" "5.59.1"
-
 "@typescript-eslint/scope-manager@6.20.0":
   version "6.20.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.20.0.tgz#8a926e60f6c47feb5bab878246dc2ae465730151"
@@ -6020,11 +6013,6 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.22.0.tgz#0ca6fde5b68daf6dba133f30959cc0688c8dd0b6"
   integrity sha512-sW/BiXmmyMqDPO2kpOhSy2Py5w6KvRRsKZnV0c4+0nr4GIcedJwXAq+RHNK4lLVEZAJYFltnnk1tJSlbeS9lYA==
 
-"@typescript-eslint/types@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.1.tgz#03f3fedd1c044cb336ebc34cc7855f121991f41d"
-  integrity sha512-dg0ICB+RZwHlysIy/Dh1SP+gnXNzwd/KS0JprD3Lmgmdq+dJAJnUPe1gNG34p0U19HvRlGX733d/KqscrGC1Pg==
-
 "@typescript-eslint/types@6.20.0":
   version "6.20.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.20.0.tgz#5ccd74c29011ae7714ae6973e4ec0c634708b448"
@@ -6043,19 +6031,6 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/typescript-estree@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.1.tgz#4aa546d27fd0d477c618f0ca00b483f0ec84c43c"
-  integrity sha512-lYLBBOCsFltFy7XVqzX0Ju+Lh3WPIAWxYpmH/Q7ZoqzbscLiCW00LeYCdsUnnfnj29/s1WovXKh2gwCoinHNGA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/visitor-keys" "5.59.1"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
 "@typescript-eslint/typescript-estree@6.20.0":
   version "6.20.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.20.0.tgz#5b2d0975949e6bdd8d45ee1471461ef5fadc5542"
@@ -6070,7 +6045,7 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/utils@6.20.0", "@typescript-eslint/utils@^6.13.2":
+"@typescript-eslint/utils@6.20.0", "@typescript-eslint/utils@^6.13.2", "@typescript-eslint/utils@^6.18.1":
   version "6.20.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.20.0.tgz#0e52afcfaa51af5656490ba4b7437cc3aa28633d"
   integrity sha512-/EKuw+kRu2vAqCoDwDCBtDRU6CTKbUmwwI7SH7AashZ+W+7o8eiyy6V2cdOqN49KsTcASWsC5QeghYuRDTyOOg==
@@ -6083,20 +6058,6 @@
     "@typescript-eslint/typescript-estree" "6.20.0"
     semver "^7.5.4"
 
-"@typescript-eslint/utils@^5.47.0":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.1.tgz#d89fc758ad23d2157cfae53f0b429bdf15db9473"
-  integrity sha512-MkTe7FE+K1/GxZkP5gRj3rCztg45bEhsd8HYjczBuYm+qFHP5vtZmjx3B0yUCDotceQ4sHgTyz60Ycl225njmA==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.59.1"
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/typescript-estree" "5.59.1"
-    eslint-scope "^5.1.1"
-    semver "^7.3.7"
-
 "@typescript-eslint/visitor-keys@4.22.0":
   version "4.22.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.22.0.tgz#169dae26d3c122935da7528c839f42a8a42f6e47"
@@ -6105,14 +6066,6 @@
     "@typescript-eslint/types" "4.22.0"
     eslint-visitor-keys "^2.0.0"
 
-"@typescript-eslint/visitor-keys@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.1.tgz#0d96c36efb6560d7fb8eb85de10442c10d8f6058"
-  integrity sha512-6waEYwBTCWryx0VJmP7JaM4FpipLsFl9CvYf2foAE8Qh/Y0s+bxWysciwOs0LTBED4JCaNxTZ5rGadB14M6dwA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.1"
-    eslint-visitor-keys "^3.3.0"
-
 "@typescript-eslint/visitor-keys@6.20.0":
   version "6.20.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.20.0.tgz#f7ada27f2803de89df0edd9fd7be22c05ce6a498"
@@ -9879,10 +9832,10 @@ csstype@^2.5.5, csstype@^2.5.7, csstype@^2.6.7:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.19.tgz#feeb5aae89020bb389e1f63669a5ed490e391caa"
   integrity sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ==
 
-csstype@^3.0.2, csstype@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
-  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
+csstype@^3.0.2, csstype@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
 csv-stringify@^6.2.0:
   version "6.2.0"
@@ -11056,7 +11009,7 @@ enhanced-resolve@^4.5.0:
     memory-fs "^0.5.0"
     tapable "^1.0.0"
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.15.0, enhanced-resolve@^5.7.0, enhanced-resolve@^5.8.2, enhanced-resolve@^5.8.3:
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.15.0, enhanced-resolve@^5.7.0, enhanced-resolve@^5.8.3:
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz#65ec88778083056cb32487faa9aef82ed0864787"
   integrity sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==
@@ -21669,7 +21622,7 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0, semve
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.0.0, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0:
+semver@^7.0.0, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0:
   version "7.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.0.tgz#1a46a4db4bffcccd97b743b5005c8325f23d4e2d"
   integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
@@ -23551,7 +23504,7 @@ tsscmp@1.0.6:
   resolved "https://registry.yarnpkg.com/tsscmp/-/tsscmp-1.0.6.tgz#85b99583ac3589ec4bfef825b5000aa911d605eb"
   integrity sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==
 
-tsutils@^3.0.0, tsutils@^3.17.1, tsutils@^3.21.0:
+tsutils@^3.0.0, tsutils@^3.17.1:
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
   integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==