diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
index bdc18dc3c502d..12bf7cf6e196b 100644
--- a/apps/public-docsite-v9/package.json
+++ b/apps/public-docsite-v9/package.json
@@ -38,7 +38,7 @@
     "@fluentui/theme-designer": "*",
     "@fluentui/recipes": "*",
     "@fluentui/react-timepicker-compat": "*",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@microsoft/applicationinsights-web": "^3",
     "react": "19.2.0",
     "react-dom": "19.2.0",
diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index c9e9c033d6ec6..594466baea07b 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -70,7 +70,7 @@
     "@fluentui/react-toolbar": "*",
     "@fluentui/react-tree": "*",
     "@fluentui/react-utilities": "*",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "tslib": "^2.1.0",
diff --git a/change/@fluentui-react-accordion-0e99e323-c7ae-4c99-b87a-ac1fd6cdaa4b.json b/change/@fluentui-react-accordion-0e99e323-c7ae-4c99-b87a-ac1fd6cdaa4b.json
new file mode 100644
index 0000000000000..1c27b61b32708
--- /dev/null
+++ b/change/@fluentui-react-accordion-0e99e323-c7ae-4c99-b87a-ac1fd6cdaa4b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-accordion",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-alert-32bb2f5d-91cb-4619-88e8-4c56477096e8.json b/change/@fluentui-react-alert-32bb2f5d-91cb-4619-88e8-4c56477096e8.json
new file mode 100644
index 0000000000000..33daafd2dc7c9
--- /dev/null
+++ b/change/@fluentui-react-alert-32bb2f5d-91cb-4619-88e8-4c56477096e8.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-alert",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-avatar-0bf370a4-dbfc-4d0a-ac18-3e552172ed7f.json b/change/@fluentui-react-avatar-0bf370a4-dbfc-4d0a-ac18-3e552172ed7f.json
new file mode 100644
index 0000000000000..813b0699548b0
--- /dev/null
+++ b/change/@fluentui-react-avatar-0bf370a4-dbfc-4d0a-ac18-3e552172ed7f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-avatar",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-badge-a33586f2-b924-4244-b447-468118b74026.json b/change/@fluentui-react-badge-a33586f2-b924-4244-b447-468118b74026.json
new file mode 100644
index 0000000000000..02225d3fc2c67
--- /dev/null
+++ b/change/@fluentui-react-badge-a33586f2-b924-4244-b447-468118b74026.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-badge",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-breadcrumb-29e58478-b577-46d9-8852-2aeceef944b7.json b/change/@fluentui-react-breadcrumb-29e58478-b577-46d9-8852-2aeceef944b7.json
new file mode 100644
index 0000000000000..e13b23b8290ce
--- /dev/null
+++ b/change/@fluentui-react-breadcrumb-29e58478-b577-46d9-8852-2aeceef944b7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-breadcrumb",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-button-d0a06388-ca92-49f8-b55d-3f2554f78e46.json b/change/@fluentui-react-button-d0a06388-ca92-49f8-b55d-3f2554f78e46.json
new file mode 100644
index 0000000000000..91f27322c3d81
--- /dev/null
+++ b/change/@fluentui-react-button-d0a06388-ca92-49f8-b55d-3f2554f78e46.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-button",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-calendar-compat-4d8a58b5-b803-4a6b-8066-327d0546c6de.json b/change/@fluentui-react-calendar-compat-4d8a58b5-b803-4a6b-8066-327d0546c6de.json
new file mode 100644
index 0000000000000..fd14fe0c068ed
--- /dev/null
+++ b/change/@fluentui-react-calendar-compat-4d8a58b5-b803-4a6b-8066-327d0546c6de.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-calendar-compat",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-card-fcfe6738-54d4-44f1-960a-6eda27a7da3e.json b/change/@fluentui-react-card-fcfe6738-54d4-44f1-960a-6eda27a7da3e.json
new file mode 100644
index 0000000000000..956f75c30ac47
--- /dev/null
+++ b/change/@fluentui-react-card-fcfe6738-54d4-44f1-960a-6eda27a7da3e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-card",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-carousel-bb9ccd8d-2259-4d51-b08f-528df7947fef.json b/change/@fluentui-react-carousel-bb9ccd8d-2259-4d51-b08f-528df7947fef.json
new file mode 100644
index 0000000000000..0108055b80236
--- /dev/null
+++ b/change/@fluentui-react-carousel-bb9ccd8d-2259-4d51-b08f-528df7947fef.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-carousel",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-charts-d6a60285-7238-447d-8d16-c4d86b01c076.json b/change/@fluentui-react-charts-d6a60285-7238-447d-8d16-c4d86b01c076.json
new file mode 100644
index 0000000000000..115076514e077
--- /dev/null
+++ b/change/@fluentui-react-charts-d6a60285-7238-447d-8d16-c4d86b01c076.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-charts",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-checkbox-5e606f5e-272f-493a-ab8f-81a029583f8f.json b/change/@fluentui-react-checkbox-5e606f5e-272f-493a-ab8f-81a029583f8f.json
new file mode 100644
index 0000000000000..aef31a48ecfe4
--- /dev/null
+++ b/change/@fluentui-react-checkbox-5e606f5e-272f-493a-ab8f-81a029583f8f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-color-picker-6aad5c42-e42a-421e-9899-d37157b5d3cb.json b/change/@fluentui-react-color-picker-6aad5c42-e42a-421e-9899-d37157b5d3cb.json
new file mode 100644
index 0000000000000..ce85fda8c5367
--- /dev/null
+++ b/change/@fluentui-react-color-picker-6aad5c42-e42a-421e-9899-d37157b5d3cb.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-color-picker",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-combobox-aaaa8632-d33d-4fe9-ad99-027486803392.json b/change/@fluentui-react-combobox-aaaa8632-d33d-4fe9-ad99-027486803392.json
new file mode 100644
index 0000000000000..b173a94aafd0d
--- /dev/null
+++ b/change/@fluentui-react-combobox-aaaa8632-d33d-4fe9-ad99-027486803392.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-combobox",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-components-358406d4-b572-48ee-a699-1bbe259b68aa.json b/change/@fluentui-react-components-358406d4-b572-48ee-a699-1bbe259b68aa.json
new file mode 100644
index 0000000000000..c05378c4daacb
--- /dev/null
+++ b/change/@fluentui-react-components-358406d4-b572-48ee-a699-1bbe259b68aa.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-components",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-conformance-griffel-ad001657-7eb7-4869-9edc-5c294d193d9e.json b/change/@fluentui-react-conformance-griffel-ad001657-7eb7-4869-9edc-5c294d193d9e.json
new file mode 100644
index 0000000000000..74f91218f1bbb
--- /dev/null
+++ b/change/@fluentui-react-conformance-griffel-ad001657-7eb7-4869-9edc-5c294d193d9e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-conformance-griffel",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-datepicker-compat-d501bb5b-de3b-4c8b-ab60-5279723d85f6.json b/change/@fluentui-react-datepicker-compat-d501bb5b-de3b-4c8b-ab60-5279723d85f6.json
new file mode 100644
index 0000000000000..50a0a81e19ec3
--- /dev/null
+++ b/change/@fluentui-react-datepicker-compat-d501bb5b-de3b-4c8b-ab60-5279723d85f6.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-datepicker-compat",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-dialog-bfa9cec2-37cb-4b0e-9953-350398706a29.json b/change/@fluentui-react-dialog-bfa9cec2-37cb-4b0e-9953-350398706a29.json
new file mode 100644
index 0000000000000..9fac5e52524ba
--- /dev/null
+++ b/change/@fluentui-react-dialog-bfa9cec2-37cb-4b0e-9953-350398706a29.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-dialog",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-divider-24e9cda0-482b-41f9-824c-618155b6b6c7.json b/change/@fluentui-react-divider-24e9cda0-482b-41f9-824c-618155b6b6c7.json
new file mode 100644
index 0000000000000..119401d9aa7d0
--- /dev/null
+++ b/change/@fluentui-react-divider-24e9cda0-482b-41f9-824c-618155b6b6c7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-divider",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-drawer-e2471c6b-4a9e-43b2-8652-5130e738c001.json b/change/@fluentui-react-drawer-e2471c6b-4a9e-43b2-8652-5130e738c001.json
new file mode 100644
index 0000000000000..c80157dcbb46f
--- /dev/null
+++ b/change/@fluentui-react-drawer-e2471c6b-4a9e-43b2-8652-5130e738c001.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-drawer",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-field-18b5aea1-449d-4b91-8fdc-c6f893f2b4ff.json b/change/@fluentui-react-field-18b5aea1-449d-4b91-8fdc-c6f893f2b4ff.json
new file mode 100644
index 0000000000000..8e8e4e78c0f61
--- /dev/null
+++ b/change/@fluentui-react-field-18b5aea1-449d-4b91-8fdc-c6f893f2b4ff.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-field",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-icons-compat-3b93257f-0914-4f5a-8ec6-48803f2caa2a.json b/change/@fluentui-react-icons-compat-3b93257f-0914-4f5a-8ec6-48803f2caa2a.json
new file mode 100644
index 0000000000000..37ccb22d0e357
--- /dev/null
+++ b/change/@fluentui-react-icons-compat-3b93257f-0914-4f5a-8ec6-48803f2caa2a.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-icons-compat",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-image-772318aa-a5be-4613-89f1-7ed1505fca8b.json b/change/@fluentui-react-image-772318aa-a5be-4613-89f1-7ed1505fca8b.json
new file mode 100644
index 0000000000000..ee4bea42a4255
--- /dev/null
+++ b/change/@fluentui-react-image-772318aa-a5be-4613-89f1-7ed1505fca8b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-image",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-infobutton-2d4c4c3b-641f-44a0-a392-d762aaebe5a4.json b/change/@fluentui-react-infobutton-2d4c4c3b-641f-44a0-a392-d762aaebe5a4.json
new file mode 100644
index 0000000000000..45b78b87bbce1
--- /dev/null
+++ b/change/@fluentui-react-infobutton-2d4c4c3b-641f-44a0-a392-d762aaebe5a4.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-infobutton",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-infolabel-066c9b1b-8080-486b-b893-07eab66ffe93.json b/change/@fluentui-react-infolabel-066c9b1b-8080-486b-b893-07eab66ffe93.json
new file mode 100644
index 0000000000000..31c28dbdedc67
--- /dev/null
+++ b/change/@fluentui-react-infolabel-066c9b1b-8080-486b-b893-07eab66ffe93.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-infolabel",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-input-b5e3f304-a5d0-479b-b3bf-62d4eef6d97f.json b/change/@fluentui-react-input-b5e3f304-a5d0-479b-b3bf-62d4eef6d97f.json
new file mode 100644
index 0000000000000..e98610c3363a5
--- /dev/null
+++ b/change/@fluentui-react-input-b5e3f304-a5d0-479b-b3bf-62d4eef6d97f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-input",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-label-d877ca52-8512-470d-8f8a-f82cca90189e.json b/change/@fluentui-react-label-d877ca52-8512-470d-8f8a-f82cca90189e.json
new file mode 100644
index 0000000000000..f6be0b34300a4
--- /dev/null
+++ b/change/@fluentui-react-label-d877ca52-8512-470d-8f8a-f82cca90189e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-label",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-link-16691c72-6216-463b-912b-d07f827f231f.json b/change/@fluentui-react-link-16691c72-6216-463b-912b-d07f827f231f.json
new file mode 100644
index 0000000000000..d44491d8d2b90
--- /dev/null
+++ b/change/@fluentui-react-link-16691c72-6216-463b-912b-d07f827f231f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-link",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-list-1e3f9fc4-9055-44e9-b7ea-dbc6b7d6e73b.json b/change/@fluentui-react-list-1e3f9fc4-9055-44e9-b7ea-dbc6b7d6e73b.json
new file mode 100644
index 0000000000000..3e70799e84bf8
--- /dev/null
+++ b/change/@fluentui-react-list-1e3f9fc4-9055-44e9-b7ea-dbc6b7d6e73b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-list",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-menu-5c37fc2a-5d9c-4754-9f2f-669c1cdfa6dd.json b/change/@fluentui-react-menu-5c37fc2a-5d9c-4754-9f2f-669c1cdfa6dd.json
new file mode 100644
index 0000000000000..190bc4ca52884
--- /dev/null
+++ b/change/@fluentui-react-menu-5c37fc2a-5d9c-4754-9f2f-669c1cdfa6dd.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-menu",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-menu-grid-preview-b6ec2ebd-fd98-48be-bcbe-26b02e040649.json b/change/@fluentui-react-menu-grid-preview-b6ec2ebd-fd98-48be-bcbe-26b02e040649.json
new file mode 100644
index 0000000000000..ee9c9175678c6
--- /dev/null
+++ b/change/@fluentui-react-menu-grid-preview-b6ec2ebd-fd98-48be-bcbe-26b02e040649.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-menu-grid-preview",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-message-bar-d50eef2c-0fb8-46d8-840f-067a199b897d.json b/change/@fluentui-react-message-bar-d50eef2c-0fb8-46d8-840f-067a199b897d.json
new file mode 100644
index 0000000000000..d39e96913e2c7
--- /dev/null
+++ b/change/@fluentui-react-message-bar-d50eef2c-0fb8-46d8-840f-067a199b897d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-message-bar",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-migration-v0-v9-a385f51a-3636-4c8c-b852-eb616a84ae2a.json b/change/@fluentui-react-migration-v0-v9-a385f51a-3636-4c8c-b852-eb616a84ae2a.json
new file mode 100644
index 0000000000000..2a548b8e83a42
--- /dev/null
+++ b/change/@fluentui-react-migration-v0-v9-a385f51a-3636-4c8c-b852-eb616a84ae2a.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-migration-v0-v9",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-migration-v8-v9-d9144115-5ff6-4977-9aba-e49477f99ba0.json b/change/@fluentui-react-migration-v8-v9-d9144115-5ff6-4977-9aba-e49477f99ba0.json
new file mode 100644
index 0000000000000..0f55206e1d206
--- /dev/null
+++ b/change/@fluentui-react-migration-v8-v9-d9144115-5ff6-4977-9aba-e49477f99ba0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-migration-v8-v9",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-nav-a8869f9b-da7b-494b-9bbc-621584cbef67.json b/change/@fluentui-react-nav-a8869f9b-da7b-494b-9bbc-621584cbef67.json
new file mode 100644
index 0000000000000..db5f33a35b5af
--- /dev/null
+++ b/change/@fluentui-react-nav-a8869f9b-da7b-494b-9bbc-621584cbef67.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-nav",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-overflow-00ae954f-612e-4024-b394-8ac1d08a5bbe.json b/change/@fluentui-react-overflow-00ae954f-612e-4024-b394-8ac1d08a5bbe.json
new file mode 100644
index 0000000000000..fe72b8f9184ac
--- /dev/null
+++ b/change/@fluentui-react-overflow-00ae954f-612e-4024-b394-8ac1d08a5bbe.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-overflow",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-persona-66b0e88a-0d5d-446a-ac4c-55918c50b367.json b/change/@fluentui-react-persona-66b0e88a-0d5d-446a-ac4c-55918c50b367.json
new file mode 100644
index 0000000000000..527c9d3067b87
--- /dev/null
+++ b/change/@fluentui-react-persona-66b0e88a-0d5d-446a-ac4c-55918c50b367.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-persona",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-popover-07b2e393-d616-4db8-b8e8-5ef573e99848.json b/change/@fluentui-react-popover-07b2e393-d616-4db8-b8e8-5ef573e99848.json
new file mode 100644
index 0000000000000..bfb8c3ef759b9
--- /dev/null
+++ b/change/@fluentui-react-popover-07b2e393-d616-4db8-b8e8-5ef573e99848.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-popover",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-portal-0c971e48-c775-4c55-a000-2e0bcd246bc3.json b/change/@fluentui-react-portal-0c971e48-c775-4c55-a000-2e0bcd246bc3.json
new file mode 100644
index 0000000000000..1588f4e10e8a4
--- /dev/null
+++ b/change/@fluentui-react-portal-0c971e48-c775-4c55-a000-2e0bcd246bc3.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-portal",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-positioning-aa02682c-d7d8-4dbf-a9ea-f7095e377b5e.json b/change/@fluentui-react-positioning-aa02682c-d7d8-4dbf-a9ea-f7095e377b5e.json
new file mode 100644
index 0000000000000..73eea54175b76
--- /dev/null
+++ b/change/@fluentui-react-positioning-aa02682c-d7d8-4dbf-a9ea-f7095e377b5e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-positioning",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-progress-a2ccafc9-1ec4-4735-be7d-0e60a63394e7.json b/change/@fluentui-react-progress-a2ccafc9-1ec4-4735-be7d-0e60a63394e7.json
new file mode 100644
index 0000000000000..e1a29d287904b
--- /dev/null
+++ b/change/@fluentui-react-progress-a2ccafc9-1ec4-4735-be7d-0e60a63394e7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-progress",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-provider-995e8ebb-ce5c-4b0e-99e3-4b9f894ee4f4.json b/change/@fluentui-react-provider-995e8ebb-ce5c-4b0e-99e3-4b9f894ee4f4.json
new file mode 100644
index 0000000000000..3e998bb3e222f
--- /dev/null
+++ b/change/@fluentui-react-provider-995e8ebb-ce5c-4b0e-99e3-4b9f894ee4f4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-provider",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-radio-2b9744ea-bb71-4627-bf2e-98f6e4e9c18a.json b/change/@fluentui-react-radio-2b9744ea-bb71-4627-bf2e-98f6e4e9c18a.json
new file mode 100644
index 0000000000000..7a1e4121333d2
--- /dev/null
+++ b/change/@fluentui-react-radio-2b9744ea-bb71-4627-bf2e-98f6e4e9c18a.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-radio",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-rating-add5bdeb-944c-4c61-8816-5f0445f953b2.json b/change/@fluentui-react-rating-add5bdeb-944c-4c61-8816-5f0445f953b2.json
new file mode 100644
index 0000000000000..218d8291a65c9
--- /dev/null
+++ b/change/@fluentui-react-rating-add5bdeb-944c-4c61-8816-5f0445f953b2.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-rating",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-search-420cb0ff-c0ab-4ae8-96b3-fe6aa5cf283b.json b/change/@fluentui-react-search-420cb0ff-c0ab-4ae8-96b3-fe6aa5cf283b.json
new file mode 100644
index 0000000000000..0ed5965dab079
--- /dev/null
+++ b/change/@fluentui-react-search-420cb0ff-c0ab-4ae8-96b3-fe6aa5cf283b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-search",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-select-8ec7f06e-e357-4f8c-b129-35cfa4146ec0.json b/change/@fluentui-react-select-8ec7f06e-e357-4f8c-b129-35cfa4146ec0.json
new file mode 100644
index 0000000000000..bc467c69c871e
--- /dev/null
+++ b/change/@fluentui-react-select-8ec7f06e-e357-4f8c-b129-35cfa4146ec0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-select",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-skeleton-9de4ae19-3485-4427-be9b-b7fdd6a69ea2.json b/change/@fluentui-react-skeleton-9de4ae19-3485-4427-be9b-b7fdd6a69ea2.json
new file mode 100644
index 0000000000000..570961f6f5ba6
--- /dev/null
+++ b/change/@fluentui-react-skeleton-9de4ae19-3485-4427-be9b-b7fdd6a69ea2.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-skeleton",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-slider-bfe9c3b1-72b8-4bf1-8c26-b8704f1a8cc3.json b/change/@fluentui-react-slider-bfe9c3b1-72b8-4bf1-8c26-b8704f1a8cc3.json
new file mode 100644
index 0000000000000..65c64d9e32627
--- /dev/null
+++ b/change/@fluentui-react-slider-bfe9c3b1-72b8-4bf1-8c26-b8704f1a8cc3.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-slider",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-spinbutton-2ab95a2d-a4c2-4718-89cb-8c3b0e8a57cb.json b/change/@fluentui-react-spinbutton-2ab95a2d-a4c2-4718-89cb-8c3b0e8a57cb.json
new file mode 100644
index 0000000000000..bbdbd2395b450
--- /dev/null
+++ b/change/@fluentui-react-spinbutton-2ab95a2d-a4c2-4718-89cb-8c3b0e8a57cb.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-spinbutton",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-spinner-bad23b10-475b-4fe2-b687-472eba4c15f0.json b/change/@fluentui-react-spinner-bad23b10-475b-4fe2-b687-472eba4c15f0.json
new file mode 100644
index 0000000000000..43d54bc32cd24
--- /dev/null
+++ b/change/@fluentui-react-spinner-bad23b10-475b-4fe2-b687-472eba4c15f0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-spinner",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-storybook-addon-210a6db3-94c5-4332-a370-813d497d26bb.json b/change/@fluentui-react-storybook-addon-210a6db3-94c5-4332-a370-813d497d26bb.json
new file mode 100644
index 0000000000000..7025256c2b453
--- /dev/null
+++ b/change/@fluentui-react-storybook-addon-210a6db3-94c5-4332-a370-813d497d26bb.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-storybook-addon",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-swatch-picker-d8cabe58-208d-4823-a306-73bd9c74f0e4.json b/change/@fluentui-react-swatch-picker-d8cabe58-208d-4823-a306-73bd9c74f0e4.json
new file mode 100644
index 0000000000000..b532797e7de0f
--- /dev/null
+++ b/change/@fluentui-react-swatch-picker-d8cabe58-208d-4823-a306-73bd9c74f0e4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-swatch-picker",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-switch-b76d574d-c915-4812-abb6-dee31d06eb42.json b/change/@fluentui-react-switch-b76d574d-c915-4812-abb6-dee31d06eb42.json
new file mode 100644
index 0000000000000..fff331d45d939
--- /dev/null
+++ b/change/@fluentui-react-switch-b76d574d-c915-4812-abb6-dee31d06eb42.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-switch",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-table-ea4909a4-3a69-47b5-bb07-cc5989091b5d.json b/change/@fluentui-react-table-ea4909a4-3a69-47b5-bb07-cc5989091b5d.json
new file mode 100644
index 0000000000000..be06fd1d8c6ce
--- /dev/null
+++ b/change/@fluentui-react-table-ea4909a4-3a69-47b5-bb07-cc5989091b5d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-table",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tabs-69efdc21-21ce-450d-94c3-099594e2239d.json b/change/@fluentui-react-tabs-69efdc21-21ce-450d-94c3-099594e2239d.json
new file mode 100644
index 0000000000000..0554bf48c252e
--- /dev/null
+++ b/change/@fluentui-react-tabs-69efdc21-21ce-450d-94c3-099594e2239d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-tabs",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tabster-5798cf79-10a5-4139-9277-aaff7ae861c4.json b/change/@fluentui-react-tabster-5798cf79-10a5-4139-9277-aaff7ae861c4.json
new file mode 100644
index 0000000000000..16165e9f49493
--- /dev/null
+++ b/change/@fluentui-react-tabster-5798cf79-10a5-4139-9277-aaff7ae861c4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-tabster",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tag-picker-d1f26932-b0e5-4349-88a9-2b8ec00d3d22.json b/change/@fluentui-react-tag-picker-d1f26932-b0e5-4349-88a9-2b8ec00d3d22.json
new file mode 100644
index 0000000000000..c674c613da8f7
--- /dev/null
+++ b/change/@fluentui-react-tag-picker-d1f26932-b0e5-4349-88a9-2b8ec00d3d22.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-tag-picker",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tags-3db923c9-6769-4234-a57a-0bc0b005f950.json b/change/@fluentui-react-tags-3db923c9-6769-4234-a57a-0bc0b005f950.json
new file mode 100644
index 0000000000000..c51c31b561162
--- /dev/null
+++ b/change/@fluentui-react-tags-3db923c9-6769-4234-a57a-0bc0b005f950.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-tags",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-teaching-popover-b0c33537-653e-4b8d-9a90-3b129158e650.json b/change/@fluentui-react-teaching-popover-b0c33537-653e-4b8d-9a90-3b129158e650.json
new file mode 100644
index 0000000000000..6f7d65ec54775
--- /dev/null
+++ b/change/@fluentui-react-teaching-popover-b0c33537-653e-4b8d-9a90-3b129158e650.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-teaching-popover",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-text-36837358-181e-43bf-a05c-1588f6951799.json b/change/@fluentui-react-text-36837358-181e-43bf-a05c-1588f6951799.json
new file mode 100644
index 0000000000000..ae2116281c05b
--- /dev/null
+++ b/change/@fluentui-react-text-36837358-181e-43bf-a05c-1588f6951799.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-text",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-textarea-923d739a-47bb-421d-870c-ea31acd740fc.json b/change/@fluentui-react-textarea-923d739a-47bb-421d-870c-ea31acd740fc.json
new file mode 100644
index 0000000000000..6fcc87986e6cb
--- /dev/null
+++ b/change/@fluentui-react-textarea-923d739a-47bb-421d-870c-ea31acd740fc.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-textarea",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-timepicker-compat-fc02bb40-0cdf-4da2-a325-e3d8d9192b1f.json b/change/@fluentui-react-timepicker-compat-fc02bb40-0cdf-4da2-a325-e3d8d9192b1f.json
new file mode 100644
index 0000000000000..8857d113380e2
--- /dev/null
+++ b/change/@fluentui-react-timepicker-compat-fc02bb40-0cdf-4da2-a325-e3d8d9192b1f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-timepicker-compat",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-toast-ee7650f1-b026-44f3-892d-385ea079beb7.json b/change/@fluentui-react-toast-ee7650f1-b026-44f3-892d-385ea079beb7.json
new file mode 100644
index 0000000000000..c102612fad475
--- /dev/null
+++ b/change/@fluentui-react-toast-ee7650f1-b026-44f3-892d-385ea079beb7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-toast",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-toolbar-fcead438-3741-4d48-a468-6168742b3040.json b/change/@fluentui-react-toolbar-fcead438-3741-4d48-a468-6168742b3040.json
new file mode 100644
index 0000000000000..8c887069ab7b0
--- /dev/null
+++ b/change/@fluentui-react-toolbar-fcead438-3741-4d48-a468-6168742b3040.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tooltip-bd15e371-ac89-4101-9d61-25f5cb3e2dad.json b/change/@fluentui-react-tooltip-bd15e371-ac89-4101-9d61-25f5cb3e2dad.json
new file mode 100644
index 0000000000000..646d31806b3b4
--- /dev/null
+++ b/change/@fluentui-react-tooltip-bd15e371-ac89-4101-9d61-25f5cb3e2dad.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-tooltip",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-tree-ec27221d-a4a5-45b9-ac38-cfd82eaee551.json b/change/@fluentui-react-tree-ec27221d-a4a5-45b9-ac38-cfd82eaee551.json
new file mode 100644
index 0000000000000..c122548b20c20
--- /dev/null
+++ b/change/@fluentui-react-tree-ec27221d-a4a5-45b9-ac38-cfd82eaee551.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-tree",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-virtualizer-70d0b994-61b6-42a8-b160-921145945237.json b/change/@fluentui-react-virtualizer-70d0b994-61b6-42a8-b160-921145945237.json
new file mode 100644
index 0000000000000..85f8417b3b3eb
--- /dev/null
+++ b/change/@fluentui-react-virtualizer-70d0b994-61b6-42a8-b160-921145945237.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: Bump @griffel/react package.",
+  "packageName": "@fluentui/react-virtualizer",
+  "email": "estebanmu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/package.json b/package.json
index 690f92f04ff9d..45a26c51a7487 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
     "@griffel/babel-preset": "1.5.8",
     "@griffel/eslint-plugin": "^2.0.0",
     "@griffel/jest-serializer": "1.1.24",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@griffel/shadow-dom": "0.2.2",
     "@griffel/webpack-loader": "2.2.10",
     "@jest/reporters": "29.7.0",
diff --git a/packages/charts/react-charts/library/package.json b/packages/charts/react-charts/library/package.json
index d1373dbab1f5e..68e118fbaf849 100644
--- a/packages/charts/react-charts/library/package.json
+++ b/packages/charts/react-charts/library/package.json
@@ -37,7 +37,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-tooltip": "^9.8.10",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "@types/d3-array": "^3.0.0",
     "@types/d3-axis": "^3.0.0",
diff --git a/packages/charts/react-charts/library/src/components/ChartTable/useChartTableStyles.styles.ts b/packages/charts/react-charts/library/src/components/ChartTable/useChartTableStyles.styles.ts
index b5227d16aebe6..d9f2ed1cfd724 100644
--- a/packages/charts/react-charts/library/src/components/ChartTable/useChartTableStyles.styles.ts
+++ b/packages/charts/react-charts/library/src/components/ChartTable/useChartTableStyles.styles.ts
@@ -1,6 +1,6 @@
 'use client';
 
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { makeStyles, mergeClasses } from '@griffel/react';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import { ChartTableProps, ChartTableStyles } from './ChartTable.types';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
@@ -29,9 +29,9 @@ const useStyles = makeStyles({
     fontWeight: tokens.fontWeightSemibold,
     backgroundColor: tokens.colorNeutralBackground3,
     color: tokens.colorNeutralForeground1,
-    ...shorthands.padding(tokens.spacingHorizontalS),
+    padding: tokens.spacingHorizontalS,
     textAlign: 'left',
-    ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),
+    border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,
     '@media (forced-colors: active)': {
       backgroundColor: 'Window',
       color: 'WindowText',
@@ -39,8 +39,8 @@ const useStyles = makeStyles({
   },
   bodyCell: {
     ...typographyStyles.caption1,
-    ...shorthands.padding(tokens.spacingHorizontalS),
-    ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),
+    padding: tokens.spacingHorizontalS,
+    border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,
     color: tokens.colorNeutralForeground1,
     textAlign: 'left',
     '@media (forced-colors: active)': {
diff --git a/packages/charts/react-charts/library/src/components/CommonComponents/useChartPopoverStyles.styles.ts b/packages/charts/react-charts/library/src/components/CommonComponents/useChartPopoverStyles.styles.ts
index 2e588dd01b8e4..78d7cbdaabce9 100644
--- a/packages/charts/react-charts/library/src/components/CommonComponents/useChartPopoverStyles.styles.ts
+++ b/packages/charts/react-charts/library/src/components/CommonComponents/useChartPopoverStyles.styles.ts
@@ -1,6 +1,6 @@
 'use client';
 
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { makeStyles, mergeClasses } from '@griffel/react';
 import { SlotClassNames } from '@fluentui/react-utilities/src/index';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { ChartPopoverProps, PopoverComponentStyles } from './ChartPopover.types';
@@ -33,7 +33,8 @@ const useStyles = makeStyles({
   calloutContentRoot: {
     display: 'grid',
     overflow: 'hidden',
-    ...shorthands.padding('11px 16px 10px 16px'),
+    // TODO: Confirm this style is needed. Shorthands are not used correctly, therefore this style has no effect.
+    // ...shorthands.padding('11px 16px 10px 16px'),
     backgroundColor: tokens.colorNeutralBackground1,
     backgroundBlendMode: 'normal, luminosity',
   },
diff --git a/packages/charts/react-charts/library/src/components/DonutChart/Arc/useArcStyles.styles.ts b/packages/charts/react-charts/library/src/components/DonutChart/Arc/useArcStyles.styles.ts
index 48c41af37fc9b..3dd5cb62ffc4e 100644
--- a/packages/charts/react-charts/library/src/components/DonutChart/Arc/useArcStyles.styles.ts
+++ b/packages/charts/react-charts/library/src/components/DonutChart/Arc/useArcStyles.styles.ts
@@ -1,7 +1,7 @@
 'use client';
 
 import { ArcProps, ArcStyles } from './Arc.types';
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { makeStyles, mergeClasses } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import { HighContrastSelector } from '../../../utilities/utilities';
@@ -25,7 +25,7 @@ const useStyles = makeStyles({
     stroke: tokens.colorNeutralBackground1,
     '& selectors': {
       '::-moz-focus-inner': {
-        ...shorthands.border('0'),
+        border: 0,
       },
     },
   },
diff --git a/packages/charts/react-charts/library/src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts b/packages/charts/react-charts/library/src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts
index b27d7dcceef24..cb9e034663638 100644
--- a/packages/charts/react-charts/library/src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts
+++ b/packages/charts/react-charts/library/src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts
@@ -1,6 +1,6 @@
 'use client';
 
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { makeStyles, mergeClasses } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';
 import type { SlotClassNames } from '@fluentui/react-utilities';
@@ -83,9 +83,9 @@ const useStyles = makeStyles({
   triangle: {
     width: '0',
     height: '0',
-    ...shorthands.borderLeft('4px', 'solid', 'transparent'),
-    ...shorthands.borderRight('4px', 'solid', 'transparent'),
-    ...shorthands.borderTop('7px', 'solid'),
+    borderLeft: `4px solid transparent`,
+    borderRight: `4px solid transparent`,
+    borderTop: `7px solid`,
     borderTopColor: tokens.colorPaletteBlueBorderActive,
     marginBottom: tokens.spacingVerticalXS,
     position: 'absolute',
diff --git a/packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts b/packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts
index 17347a2cc9c97..abdc13e544d92 100644
--- a/packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts
+++ b/packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts
@@ -1,6 +1,6 @@
 'use client';
 
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { makeStyles, mergeClasses } from '@griffel/react';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import { LegendsProps, LegendsStyles } from './Legends.types';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
@@ -44,7 +44,8 @@ const useStyles = makeStyles({
     whiteSpace: 'nowrap',
     width: '100%',
     alignItems: 'center',
-    ...shorthands.margin('-8px 0 0 -8px'),
+    // TODO: Confirm this style is needed. Shorthands are not used correctly, therefore this style has no effect.
+    // ...shorthands.margin('-8px 0 0 -8px'),
   },
   legend: {
     // setting display to flex does not work
@@ -52,7 +53,7 @@ const useStyles = makeStyles({
     alignItems: 'center',
     justifyContent: 'left',
     cursor: 'pointer',
-    ...shorthands.border('none'),
+    border: 'none',
     padding: `${LEGEND_PADDING}px`,
     textTransform: 'capitalize',
     // The default min-width is 64px. Setting it to 0 allows the legend container in responsive
@@ -85,9 +86,9 @@ const useStyles = makeStyles({
   triangle: {
     width: '0',
     height: '0',
-    ...shorthands.borderLeft('6px solid transparent'),
-    ...shorthands.borderRight('6px solid transparent'),
-    ...shorthands.borderTop('10.4px solid'),
+    borderLeft: '6px solid transparent',
+    borderRight: '6px solid transparent',
+    borderTop: '10.4px solid',
     marginRight: tokens.spacingHorizontalS,
   },
   // TO DO Add props when these styles are used in the component
@@ -101,7 +102,7 @@ const useStyles = makeStyles({
     width: '12px',
     height: '12px',
     marginRight: tokens.spacingHorizontalS,
-    ...shorthands.border('1px solid'),
+    border: '1px solid',
   },
   resizableArea: {
     position: 'relative',
@@ -112,9 +113,9 @@ const useStyles = makeStyles({
     minWidth: '200px',
     maxWidth: '800px',
     '::after': {
-      ...shorthands.padding('1px 4px 1px'),
-      ...shorthands.borderTop('-2px'),
-      ...shorthands.borderLeft('-2px'),
+      padding: '1px 4px 1px',
+      borderTop: '-2px',
+      borderLeft: '-2px',
     },
   },
   legendContainer: {
diff --git a/packages/charts/react-charts/library/src/utilities/Common.styles.ts b/packages/charts/react-charts/library/src/utilities/Common.styles.ts
index d64743126aa1a..f5629067d896b 100644
--- a/packages/charts/react-charts/library/src/utilities/Common.styles.ts
+++ b/packages/charts/react-charts/library/src/utilities/Common.styles.ts
@@ -1,13 +1,13 @@
 import { HighContrastSelector } from '../utilities/utilities';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { shorthands, type GriffelStyle } from '@griffel/react';
+import { type GriffelStyle } from '@griffel/react';
 
 export const getTooltipStyle = (): GriffelStyle => {
   return {
     ...typographyStyles.body1,
     display: 'flex',
     flexDirection: 'column',
-    ...shorthands.padding(tokens.spacingHorizontalS),
+    padding: tokens.spacingHorizontalS,
     position: 'absolute',
     textAlign: 'center',
     top: tokens.spacingVerticalNone,
diff --git a/packages/charts/react-charts/stories/src/GanttChart/GanttChartGrouped.stories.tsx b/packages/charts/react-charts/stories/src/GanttChart/GanttChartGrouped.stories.tsx
index 10f8b7757e4a6..5be1482afe5de 100644
--- a/packages/charts/react-charts/stories/src/GanttChart/GanttChartGrouped.stories.tsx
+++ b/packages/charts/react-charts/stories/src/GanttChart/GanttChartGrouped.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { JSXElement } from '@fluentui/react-components';
 import { DataVizPalette, GanttChart, GanttChartDataPoint } from '@fluentui/react-charts';
-import { Switch, makeStyles, shorthands } from '@fluentui/react-components';
+import { Switch, makeStyles } from '@fluentui/react-components';
 
 const data: GanttChartDataPoint[] = [
   {
@@ -88,7 +88,7 @@ const data: GanttChartDataPoint[] = [
 
 const useStyles = makeStyles({
   container: {
-    ...shorthands.padding('16px'),
+    padding: '16px',
     display: 'flex',
     flexDirection: 'column',
     gap: '16px',
diff --git a/packages/react-components/component-selector-preview/library/package.json b/packages/react-components/component-selector-preview/library/package.json
index cdab0d5ee12ae..306b2e7d751ba 100644
--- a/packages/react-components/component-selector-preview/library/package.json
+++ b/packages/react-components/component-selector-preview/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/deprecated/react-alert/package.json b/packages/react-components/deprecated/react-alert/package.json
index 2ec6e3342e76c..4429d55857d62 100644
--- a/packages/react-components/deprecated/react-alert/package.json
+++ b/packages/react-components/deprecated/react-alert/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/deprecated/react-infobutton/package.json b/packages/react-components/deprecated/react-infobutton/package.json
index 57db0368d9cf2..48bb4031a5117 100644
--- a/packages/react-components/deprecated/react-infobutton/package.json
+++ b/packages/react-components/deprecated/react-infobutton/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/deprecated/react-virtualizer/package.json b/packages/react-components/deprecated/react-virtualizer/package.json
index ce5602beca320..6821b64454c36 100644
--- a/packages/react-components/deprecated/react-virtualizer/package.json
+++ b/packages/react-components/deprecated/react-virtualizer/package.json
@@ -21,7 +21,7 @@
     "@fluentui/react-jsx-runtime": "^9.3.2",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-shared-contexts": "^9.25.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-accordion/library/package.json b/packages/react-components/react-accordion/library/package.json
index c6c4662ae8f4d..f3b388e5ed1f9 100644
--- a/packages/react-components/react-accordion/library/package.json
+++ b/packages/react-components/react-accordion/library/package.json
@@ -28,7 +28,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-avatar/library/package.json b/packages/react-components/react-avatar/library/package.json
index 6124a6b924859..11292e72387c2 100644
--- a/packages/react-components/react-avatar/library/package.json
+++ b/packages/react-components/react-avatar/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-tooltip": "^9.8.10",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-badge/library/package.json b/packages/react-components/react-badge/library/package.json
index 972cbfbcc014e..4ecb6ac3bc704 100644
--- a/packages/react-components/react-badge/library/package.json
+++ b/packages/react-components/react-badge/library/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-breadcrumb/library/package.json b/packages/react-components/react-breadcrumb/library/package.json
index 6eb199f02454b..ee6a191ab3ad4 100644
--- a/packages/react-components/react-breadcrumb/library/package.json
+++ b/packages/react-components/react-breadcrumb/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-button/library/package.json b/packages/react-components/react-button/library/package.json
index 0d0ef7b99ef6b..8191e6270b366 100644
--- a/packages/react-components/react-button/library/package.json
+++ b/packages/react-components/react-button/library/package.json
@@ -27,7 +27,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-calendar-compat/library/package.json b/packages/react-components/react-calendar-compat/library/package.json
index e1378ed72ac47..c7478ac9b4fa4 100644
--- a/packages/react-components/react-calendar-compat/library/package.json
+++ b/packages/react-components/react-calendar-compat/library/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-calendar-compat/library/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts b/packages/react-components/react-calendar-compat/library/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts
index 6684df21df1f3..febe85c753979 100644
--- a/packages/react-components/react-calendar-compat/library/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts
+++ b/packages/react-components/react-calendar-compat/library/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts
@@ -162,7 +162,7 @@ const useDaySingleSelectedStyles = makeStyles({
     [`& > .${calendarDayGridClassNames.dayButton}`]: {
       backgroundColor: tokens.colorBrandBackgroundInvertedSelected,
       borderRadius: tokens.borderRadiusMedium,
-      ...shorthands.border('1px', 'solid', tokens.colorBrandStroke1),
+      border: `1px solid ${tokens.colorBrandStroke1}`,
       '@media (forced-colors: active)': {
         backgroundColor: 'Highlight',
         ...shorthands.borderColor('Highlight'),
diff --git a/packages/react-components/react-card/library/package.json b/packages/react-components/react-card/library/package.json
index 29df26942286a..538dc9e9a54f0 100644
--- a/packages/react-components/react-card/library/package.json
+++ b/packages/react-components/react-card/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-text": "^9.6.10",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-carousel/library/package.json b/packages/react-components/react-carousel/library/package.json
index 85755144bb72f..d8dcfd57ac286 100644
--- a/packages/react-components/react-carousel/library/package.json
+++ b/packages/react-components/react-carousel/library/package.json
@@ -35,7 +35,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "embla-carousel": "^8.5.1",
     "embla-carousel-autoplay": "^8.5.1",
diff --git a/packages/react-components/react-carousel/stories/src/Carousel/CarouselFirstRunExperience.stories.tsx b/packages/react-components/react-carousel/stories/src/Carousel/CarouselFirstRunExperience.stories.tsx
index cfc002322b17b..454f42c3399d5 100644
--- a/packages/react-components/react-carousel/stories/src/Carousel/CarouselFirstRunExperience.stories.tsx
+++ b/packages/react-components/react-carousel/stories/src/Carousel/CarouselFirstRunExperience.stories.tsx
@@ -14,7 +14,6 @@ import {
   DialogTrigger,
   Image,
   makeStyles,
-  shorthands,
   tokens,
   typographyStyles,
 } from '@fluentui/react-components';
@@ -22,7 +21,7 @@ import {
 const useStyles = makeStyles({
   surface: {
     padding: 0,
-    ...shorthands.border('none'),
+    border: 'none',
     overflow: 'hidden',
   },
   carousel: { padding: 0 },
diff --git a/packages/react-components/react-checkbox/library/package.json b/packages/react-components/react-checkbox/library/package.json
index 8ec69a6b142c3..d0641d1bc3886 100644
--- a/packages/react-components/react-checkbox/library/package.json
+++ b/packages/react-components/react-checkbox/library/package.json
@@ -26,7 +26,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-color-picker/library/package.json b/packages/react-components/react-color-picker/library/package.json
index 76f49b59a2927..f442b59b4c4d9 100644
--- a/packages/react-components/react-color-picker/library/package.json
+++ b/packages/react-components/react-color-picker/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@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 ad8d32f176ec3..3ce4b3c843c69 100644
--- a/packages/react-components/react-colorpicker-compat/package.json
+++ b/packages/react-components/react-colorpicker-compat/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-jsx-runtime": "^9.3.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-combobox/library/package.json b/packages/react-components/react-combobox/library/package.json
index 65040b85e45f7..49f3121221d32 100644
--- a/packages/react-components/react-combobox/library/package.json
+++ b/packages/react-components/react-combobox/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@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 054d8641ea405..32ba4bd66fac6 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -65,7 +65,7 @@
     "@fluentui/react-text": "^9.6.10",
     "@fluentui/react-virtualizer": "9.0.0-alpha.106",
     "@fluentui/react-tree": "^9.15.5",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-message-bar": "^9.6.13",
     "@fluentui/react-breadcrumb": "^9.3.11",
diff --git a/packages/react-components/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json
index b720d332532a6..e2528900c65dc 100644
--- a/packages/react-components/react-conformance-griffel/package.json
+++ b/packages/react-components/react-conformance-griffel/package.json
@@ -21,7 +21,7 @@
     "@fluentui/react-conformance": "^0.20.1"
   },
   "dependencies": {
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "beachball": {
diff --git a/packages/react-components/react-datepicker-compat/library/package.json b/packages/react-components/react-datepicker-compat/library/package.json
index b5b007169acb6..2d771e6a1685d 100644
--- a/packages/react-components/react-datepicker-compat/library/package.json
+++ b/packages/react-components/react-datepicker-compat/library/package.json
@@ -33,7 +33,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-dialog/library/package.json b/packages/react-components/react-dialog/library/package.json
index 85538c667bfab..b5d7a37f42483 100644
--- a/packages/react-components/react-dialog/library/package.json
+++ b/packages/react-components/react-dialog/library/package.json
@@ -36,7 +36,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-portal": "^9.8.7",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-divider/library/package.json b/packages/react-components/react-divider/library/package.json
index 32c0de46e8e75..271a5e5d2087b 100644
--- a/packages/react-components/react-divider/library/package.json
+++ b/packages/react-components/react-divider/library/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-drawer/library/package.json b/packages/react-components/react-drawer/library/package.json
index 79f60b6c069c6..e0f2fa5efb065 100644
--- a/packages/react-components/react-drawer/library/package.json
+++ b/packages/react-components/react-drawer/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-field/library/package.json b/packages/react-components/react-field/library/package.json
index dc3bda02cf9cc..fcaae67232df8 100644
--- a/packages/react-components/react-field/library/package.json
+++ b/packages/react-components/react-field/library/package.json
@@ -26,7 +26,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-icons-compat/library/package.json b/packages/react-components/react-icons-compat/library/package.json
index 3b46cb8f21448..8ec3ce9be4c76 100644
--- a/packages/react-components/react-icons-compat/library/package.json
+++ b/packages/react-components/react-icons-compat/library/package.json
@@ -28,7 +28,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-image/library/package.json b/packages/react-components/react-image/library/package.json
index 7034baf64e8d1..a7496e3e06463 100644
--- a/packages/react-components/react-image/library/package.json
+++ b/packages/react-components/react-image/library/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
     "@fluentui/react-theme": "^9.2.0",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-infolabel/library/package.json b/packages/react-components/react-infolabel/library/package.json
index 6952cdf1ff37b..a25794806f0a9 100644
--- a/packages/react-components/react-infolabel/library/package.json
+++ b/packages/react-components/react-infolabel/library/package.json
@@ -28,7 +28,7 @@
     "@fluentui/react-jsx-runtime": "^9.3.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-input/library/package.json b/packages/react-components/react-input/library/package.json
index bf83ed814d0f6..d5990c5f29012 100644
--- a/packages/react-components/react-input/library/package.json
+++ b/packages/react-components/react-input/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-label/library/package.json b/packages/react-components/react-label/library/package.json
index d016ba3681d34..f0fde995f69f0 100644
--- a/packages/react-components/react-label/library/package.json
+++ b/packages/react-components/react-label/library/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-link/library/package.json b/packages/react-components/react-link/library/package.json
index 6cc68b8890aa4..3d6fde20c33ee 100644
--- a/packages/react-components/react-link/library/package.json
+++ b/packages/react-components/react-link/library/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-list/library/package.json b/packages/react-components/react-list/library/package.json
index c4d2b26eabcbc..ce19f8b228cee 100644
--- a/packages/react-components/react-list/library/package.json
+++ b/packages/react-components/react-list/library/package.json
@@ -34,7 +34,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-shared-contexts": "^9.25.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-menu-grid-preview/library/package.json b/packages/react-components/react-menu-grid-preview/library/package.json
index b06212fc06007..4787061c2c2ff 100644
--- a/packages/react-components/react-menu-grid-preview/library/package.json
+++ b/packages/react-components/react-menu-grid-preview/library/package.json
@@ -33,7 +33,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-menu/library/package.json b/packages/react-components/react-menu/library/package.json
index e7e4acc46a06b..e11a5afc278d0 100644
--- a/packages/react-components/react-menu/library/package.json
+++ b/packages/react-components/react-menu/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-message-bar/library/package.json b/packages/react-components/react-message-bar/library/package.json
index 5e1c46f0ad2ad..d76f9f3adbfe1 100644
--- a/packages/react-components/react-message-bar/library/package.json
+++ b/packages/react-components/react-message-bar/library/package.json
@@ -28,7 +28,7 @@
     "@fluentui/react-link": "^9.6.10",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-migration-v0-v9/library/package.json b/packages/react-components/react-migration-v0-v9/library/package.json
index 1b972a419a516..59a9b39bb4465 100644
--- a/packages/react-components/react-migration-v0-v9/library/package.json
+++ b/packages/react-components/react-migration-v0-v9/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-migration-v0-v9/library/src/components/Attachment/Attachment.styles.ts b/packages/react-components/react-migration-v0-v9/library/src/components/Attachment/Attachment.styles.ts
index 494a0efa73383..4116ac3a4c3b7 100644
--- a/packages/react-components/react-migration-v0-v9/library/src/components/Attachment/Attachment.styles.ts
+++ b/packages/react-components/react-migration-v0-v9/library/src/components/Attachment/Attachment.styles.ts
@@ -1,10 +1,4 @@
-import {
-  createCustomFocusIndicatorStyle,
-  makeResetStyles,
-  makeStyles,
-  shorthands,
-  tokens,
-} from '@fluentui/react-components';
+import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from '@fluentui/react-components';
 import { attachmentActionClassName } from './AttachmentAction';
 import { attachmentIconClassName } from './AttachmentIcon';
 
@@ -31,13 +25,13 @@ export const useAttachmentBaseStyles = makeResetStyles({
   width: '100%',
   maxWidth: '424px',
   minHeight: '32px',
-  ...shorthands.padding('7px', '3px', '7px', '11px'),
+  padding: '7px 3px 7px 11px',
   marginBottom: '2px',
   marginRight: '2px',
   backgroundColor: tokens.colorNeutralBackground6,
   color: tokens.colorNeutralForeground1,
   boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,
-  ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke3),
+  border: `1px solid ${tokens.colorNeutralStroke3}`,
   borderRadius: '4px',
 });
 
diff --git a/packages/react-components/react-migration-v8-v9/library/package.json b/packages/react-components/react-migration-v8-v9/library/package.json
index ae61e5570e343..4143cd8b2d7b7 100644
--- a/packages/react-components/react-migration-v8-v9/library/package.json
+++ b/packages/react-components/react-migration-v8-v9/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-components": "^9.72.6",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-hooks": "^8.10.0",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-nav/library/package.json b/packages/react-components/react-nav/library/package.json
index 59387a4cb68ac..5d8fa3d392733 100644
--- a/packages/react-components/react-nav/library/package.json
+++ b/packages/react-components/react-nav/library/package.json
@@ -32,7 +32,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-tooltip": "^9.8.10",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-nav/library/src/components/Hamburger/useHamburgerStyles.styles.ts b/packages/react-components/react-nav/library/src/components/Hamburger/useHamburgerStyles.styles.ts
index 8d6834a2af277..203a6708c9d93 100644
--- a/packages/react-components/react-nav/library/src/components/Hamburger/useHamburgerStyles.styles.ts
+++ b/packages/react-components/react-nav/library/src/components/Hamburger/useHamburgerStyles.styles.ts
@@ -1,6 +1,6 @@
 'use client';
 
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { makeStyles, mergeClasses } from '@griffel/react';
 import { ButtonSlots, useButtonStyles_unstable } from '@fluentui/react-button';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import type { HamburgerState } from './Hamburger.types';
@@ -18,7 +18,7 @@ const useStyles = makeStyles({
   root: {
     textDecorationLine: 'none',
     backgroundColor: navItemTokens.backgroundColor,
-    ...shorthands.border('none'),
+    border: 'none',
     ':hover': {
       backgroundColor: navItemTokens.backgroundColorHover,
     },
diff --git a/packages/react-components/react-overflow/library/package.json b/packages/react-components/react-overflow/library/package.json
index 68cd1ccd67bce..0ddaefeb74c1c 100644
--- a/packages/react-components/react-overflow/library/package.json
+++ b/packages/react-components/react-overflow/library/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-context-selector": "^9.2.11",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-persona/library/package.json b/packages/react-components/react-persona/library/package.json
index b83b8c7b5d322..b3b0393057d29 100644
--- a/packages/react-components/react-persona/library/package.json
+++ b/packages/react-components/react-persona/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-popover/library/package.json b/packages/react-components/react-popover/library/package.json
index 3e34f78bf06b4..92a852413757d 100644
--- a/packages/react-components/react-popover/library/package.json
+++ b/packages/react-components/react-popover/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-portal/library/package.json b/packages/react-components/react-portal/library/package.json
index 3c31bb32af01d..60d7b3a817e24 100644
--- a/packages/react-components/react-portal/library/package.json
+++ b/packages/react-components/react-portal/library/package.json
@@ -21,7 +21,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-positioning/library/package.json b/packages/react-components/react-positioning/library/package.json
index 8b74955a60932..8ae4b29761665 100644
--- a/packages/react-components/react-positioning/library/package.json
+++ b/packages/react-components/react-positioning/library/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "use-sync-external-store": "^1.2.0"
   },
diff --git a/packages/react-components/react-progress/library/package.json b/packages/react-components/react-progress/library/package.json
index e8f80b2a84e8f..fa017d208509d 100644
--- a/packages/react-components/react-progress/library/package.json
+++ b/packages/react-components/react-progress/library/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-provider/library/package.json b/packages/react-components/react-provider/library/package.json
index 489abe0e1901c..9405c5831a586 100644
--- a/packages/react-components/react-provider/library/package.json
+++ b/packages/react-components/react-provider/library/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
     "@griffel/core": "^1.16.0",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-radio/library/package.json b/packages/react-components/react-radio/library/package.json
index d7804eb2d97ee..372d76930eb7f 100644
--- a/packages/react-components/react-radio/library/package.json
+++ b/packages/react-components/react-radio/library/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-rating/library/package.json b/packages/react-components/react-rating/library/package.json
index a78ff14e04cfa..d3a9a9809b1ff 100644
--- a/packages/react-components/react-rating/library/package.json
+++ b/packages/react-components/react-rating/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-search/library/package.json b/packages/react-components/react-search/library/package.json
index 3540fd0ca2689..affff97458da5 100644
--- a/packages/react-components/react-search/library/package.json
+++ b/packages/react-components/react-search/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-select/library/package.json b/packages/react-components/react-select/library/package.json
index 6bacf3225f71d..fb750d4e3936a 100644
--- a/packages/react-components/react-select/library/package.json
+++ b/packages/react-components/react-select/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-skeleton/library/package.json b/packages/react-components/react-skeleton/library/package.json
index 8bfa25a3f5aae..ce4a18834b45f 100644
--- a/packages/react-components/react-skeleton/library/package.json
+++ b/packages/react-components/react-skeleton/library/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-slider/library/package.json b/packages/react-components/react-slider/library/package.json
index 83141bdb2d694..95b9cf025a90f 100644
--- a/packages/react-components/react-slider/library/package.json
+++ b/packages/react-components/react-slider/library/package.json
@@ -25,7 +25,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-spinbutton/library/package.json b/packages/react-components/react-spinbutton/library/package.json
index d0e004096733e..ad2931472a6d7 100644
--- a/packages/react-components/react-spinbutton/library/package.json
+++ b/packages/react-components/react-spinbutton/library/package.json
@@ -26,7 +26,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-spinner/library/package.json b/packages/react-components/react-spinner/library/package.json
index 6362350448be4..7948487d9de59 100644
--- a/packages/react-components/react-spinner/library/package.json
+++ b/packages/react-components/react-spinner/library/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json
index 79079282a89a1..69d80edcb8add 100644
--- a/packages/react-components/react-storybook-addon/package.json
+++ b/packages/react-components/react-storybook-addon/package.json
@@ -30,7 +30,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-spinner": "^9.7.10",
     "@fluentui/react-toast": "^9.7.8",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-swatch-picker/library/package.json b/packages/react-components/react-swatch-picker/library/package.json
index f6dc723da16c0..93d5f106828ae 100644
--- a/packages/react-components/react-swatch-picker/library/package.json
+++ b/packages/react-components/react-swatch-picker/library/package.json
@@ -28,7 +28,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-switch/library/package.json b/packages/react-components/react-switch/library/package.json
index 0645d851a7874..70d73825a9e76 100644
--- a/packages/react-components/react-switch/library/package.json
+++ b/packages/react-components/react-switch/library/package.json
@@ -26,7 +26,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-table/library/package.json b/packages/react-components/react-table/library/package.json
index f8de7d293c7a0..98fabe447f988 100644
--- a/packages/react-components/react-table/library/package.json
+++ b/packages/react-components/react-table/library/package.json
@@ -32,7 +32,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tabs/library/package.json b/packages/react-components/react-tabs/library/package.json
index 3b50987a5c079..78ee3b5e7e44d 100644
--- a/packages/react-components/react-tabs/library/package.json
+++ b/packages/react-components/react-tabs/library/package.json
@@ -24,7 +24,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@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 49cfa3d89c3a7..bb1363ce959a3 100644
--- a/packages/react-components/react-tabster/package.json
+++ b/packages/react-components/react-tabster/package.json
@@ -20,7 +20,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "keyborg": "^2.6.0",
     "tabster": "^8.5.5"
diff --git a/packages/react-components/react-tag-picker/library/package.json b/packages/react-components/react-tag-picker/library/package.json
index 86469bedafeb1..60c8b6dca3051 100644
--- a/packages/react-components/react-tag-picker/library/package.json
+++ b/packages/react-components/react-tag-picker/library/package.json
@@ -42,7 +42,7 @@
     "@fluentui/react-positioning": "^9.20.9",
     "@fluentui/keyboard-keys": "^9.0.8",
     "@fluentui/react-field": "^9.4.10",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tags/library/package.json b/packages/react-components/react-tags/library/package.json
index ec94e6e226c1e..54a1cb931d8f9 100644
--- a/packages/react-components/react-tags/library/package.json
+++ b/packages/react-components/react-tags/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-teaching-popover/library/package.json b/packages/react-components/react-teaching-popover/library/package.json
index 88d67a0960f0b..97cb680957bef 100644
--- a/packages/react-components/react-teaching-popover/library/package.json
+++ b/packages/react-components/react-teaching-popover/library/package.json
@@ -27,7 +27,7 @@
     "@fluentui/react-jsx-runtime": "^9.3.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-popover": "^9.12.11",
diff --git a/packages/react-components/react-text/library/package.json b/packages/react-components/react-text/library/package.json
index 793f0ff82ddf7..be84ab759ffa9 100644
--- a/packages/react-components/react-text/library/package.json
+++ b/packages/react-components/react-text/library/package.json
@@ -22,7 +22,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-textarea/library/package.json b/packages/react-components/react-textarea/library/package.json
index 0cafc3124fc9a..bd495918d3486 100644
--- a/packages/react-components/react-textarea/library/package.json
+++ b/packages/react-components/react-textarea/library/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-timepicker-compat/library/package.json b/packages/react-components/react-timepicker-compat/library/package.json
index 9eae17bcd3800..b83eaf371440d 100644
--- a/packages/react-components/react-timepicker-compat/library/package.json
+++ b/packages/react-components/react-timepicker-compat/library/package.json
@@ -34,7 +34,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-toast/library/package.json b/packages/react-components/react-toast/library/package.json
index 889cf9878dd32..9e48fcf2ae3c1 100644
--- a/packages/react-components/react-toast/library/package.json
+++ b/packages/react-components/react-toast/library/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-toolbar/library/package.json b/packages/react-components/react-toolbar/library/package.json
index 57f68c418f454..f63a621d95cf3 100644
--- a/packages/react-components/react-toolbar/library/package.json
+++ b/packages/react-components/react-toolbar/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-radio": "^9.5.10",
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-tabster": "^9.26.9",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tooltip/library/package.json b/packages/react-components/react-tooltip/library/package.json
index 2988b91f58d23..589f6d775bb74 100644
--- a/packages/react-components/react-tooltip/library/package.json
+++ b/packages/react-components/react-tooltip/library/package.json
@@ -26,7 +26,7 @@
     "@fluentui/react-tabster": "^9.26.9",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-tree/library/package.json b/packages/react-components/react-tree/library/package.json
index a7c31e2a21eb8..37f524e972857 100644
--- a/packages/react-components/react-tree/library/package.json
+++ b/packages/react-components/react-tree/library/package.json
@@ -35,7 +35,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
     "@fluentui/react-jsx-runtime": "^9.3.2",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-utilities-compat/library/package.json b/packages/react-components/react-utilities-compat/library/package.json
index aa8f0ae9326c3..c5b38ac09a106 100644
--- a/packages/react-components/react-utilities-compat/library/package.json
+++ b/packages/react-components/react-utilities-compat/library/package.json
@@ -29,7 +29,7 @@
     "@fluentui/react-shared-contexts": "^9.25.2",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/recipes/package.json b/packages/react-components/recipes/package.json
index 8ceacbd75839e..ce463163d5733 100644
--- a/packages/react-components/recipes/package.json
+++ b/packages/react-components/recipes/package.json
@@ -31,7 +31,7 @@
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-text": "^9.6.10",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-icons": "^2.0.245"
   },
diff --git a/packages/react-components/recipes/src/recipes/media-object/code-snippets/MediaObjectStyles.styles.ts b/packages/react-components/recipes/src/recipes/media-object/code-snippets/MediaObjectStyles.styles.ts
index 72cbf510720d9..87f41f90e32cf 100644
--- a/packages/react-components/recipes/src/recipes/media-object/code-snippets/MediaObjectStyles.styles.ts
+++ b/packages/react-components/recipes/src/recipes/media-object/code-snippets/MediaObjectStyles.styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles, shorthands } from '@griffel/react';
+import { makeStyles } from '@griffel/react';
 
 export const useExampleStyles = makeStyles({
   multiExample: {
@@ -21,7 +21,7 @@ export const useSkeletonStyles = makeStyles({
     flexDirection: 'column-reverse',
     rowGap: '10px',
     columnGap: '10px',
-    ...shorthands.padding('4px'),
+    padding: '4px',
   },
   legend: {
     display: 'flex',
@@ -49,7 +49,7 @@ export const useMediaObjectStyles = makeStyles({
     columnGap: '4px',
   },
   emptyMedia: {
-    ...shorthands.padding('20px', '20px', '20px', '80px'),
+    padding: '20px 20px 20px 80px',
   },
   emptyText: {
     width: '100px',
diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json
index 7a21545483665..d29dd0a682be8 100644
--- a/packages/react-components/theme-designer/package.json
+++ b/packages/react-components/theme-designer/package.json
@@ -23,7 +23,7 @@
     "@fluentui/react-storybook-addon-export-to-sandbox": "^0.1.3",
     "@fluentui/react-theme": "^9.2.0",
     "@fluentui/react-utilities": "^9.25.3",
-    "@griffel/react": "^1.5.22",
+    "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "dedent": "^1.2.0",
     "codesandbox-import-utils": "^2.2.3"
diff --git a/yarn.lock b/yarn.lock
index 7156d6281a318..e689bba62c56c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2034,13 +2034,13 @@
     stylis "^4.2.0"
     tslib "^2.1.0"
 
-"@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==
+"@griffel/core@^1.16.0", "@griffel/core@^1.19.2":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@griffel/core/-/core-1.19.2.tgz#994070585bb49795d882355fc0787eb9878db71c"
+  integrity sha512-WkB/QQkjy9dE4vrNYGhQvRRUHFkYVOuaznVOMNTDT4pS9aTJ9XPrMTXXlkpcwaf0D3vNKoerj4zAwnU2lBzbOg==
   dependencies:
     "@emotion/hash" "^0.9.0"
-    "@griffel/style-types" "^1.1.0"
+    "@griffel/style-types" "^1.3.0"
     csstype "^3.1.3"
     rtl-css-js "^1.16.1"
     stylis "^4.2.0"
@@ -2063,12 +2063,12 @@
     "@griffel/core" "^1.16.0"
     tslib "^2.1.0"
 
-"@griffel/react@^1.0.0", "@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==
+"@griffel/react@^1.0.0", "@griffel/react@^1.5.32":
+  version "1.5.32"
+  resolved "https://registry.yarnpkg.com/@griffel/react/-/react-1.5.32.tgz#cfe034476aa7fbd25507a83b74d85ca06082b03d"
+  integrity sha512-jN3SmSwAUcWFUQuQ9jlhqZ5ELtKY21foaUR0q1mJtiAeSErVgjkpKJyMLRYpvaFGWrDql0Uz23nXUogXbsS2wQ==
   dependencies:
-    "@griffel/core" "^1.16.0"
+    "@griffel/core" "^1.19.2"
     tslib "^2.1.0"
 
 "@griffel/shadow-dom@0.2.2":
@@ -2079,10 +2079,10 @@
     "@griffel/core" "^1.16.0"
     tslib "^2.1.0"
 
-"@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==
+"@griffel/style-types@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@griffel/style-types/-/style-types-1.3.0.tgz#42b4f1902a0221a9a8334fda12a2fe88f13d65ee"
+  integrity sha512-bHwD3sUE84Xwv4dH011gOKe1jul77M1S6ZFN9Tnq8pvZ48UMdY//vtES6fv7GRS5wXYT4iqxQPBluAiYAfkpmw==
   dependencies:
     csstype "^3.1.3"