diff --git a/apps/react-18-tests-v8/tsconfig.cy.json b/apps/react-18-tests-v8/tsconfig.cy.json
index ceda454a1b7cb..5ffe323df9d30 100644
--- a/apps/react-18-tests-v8/tsconfig.cy.json
+++ b/apps/react-18-tests-v8/tsconfig.cy.json
@@ -4,6 +4,7 @@
     "jsx": "react",
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["./src/**/*.cy.ts", "./src/**/*.cy.tsx"]
diff --git a/apps/react-18-tests-v9/tsconfig.cy.json b/apps/react-18-tests-v9/tsconfig.cy.json
index ceda454a1b7cb..5ffe323df9d30 100644
--- a/apps/react-18-tests-v9/tsconfig.cy.json
+++ b/apps/react-18-tests-v9/tsconfig.cy.json
@@ -4,6 +4,7 @@
     "jsx": "react",
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["./src/**/*.cy.ts", "./src/**/*.cy.tsx"]
diff --git a/apps/vr-tests-web-components/tsconfig.json b/apps/vr-tests-web-components/tsconfig.json
index 5d883fb3e5d65..abfc043cd7b04 100644
--- a/apps/vr-tests-web-components/tsconfig.json
+++ b/apps/vr-tests-web-components/tsconfig.json
@@ -2,9 +2,10 @@
   "extends": "../../tsconfig.base.wc.json",
   "compilerOptions": {
     "target": "ES2019",
-    "module": "ESNext",
+    "module": "NodeNext",
     "noEmit": true,
     "experimentalDecorators": true,
+    "moduleResolution": "NodeNext",
     "resolveJsonModule": true,
     "allowJs": true,
     "jsx": "react",
diff --git a/apps/vr-tests/tsconfig.json b/apps/vr-tests/tsconfig.json
index e2d8f1cd03b5f..5fd8d958e7779 100644
--- a/apps/vr-tests/tsconfig.json
+++ b/apps/vr-tests/tsconfig.json
@@ -10,7 +10,8 @@
     "experimentalDecorators": true,
     "noUnusedLocals": true,
     "preserveConstEnums": true,
-    "types": ["webpack-env", "@storybook/react"]
+    "types": ["webpack-env", "@storybook/react"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types"]
   },
   "include": ["src"]
 }
diff --git a/change/@fluentui-babel-preset-global-context-28602215-c268-452d-85d9-00ba63d8ed0f.json b/change/@fluentui-babel-preset-global-context-28602215-c268-452d-85d9-00ba63d8ed0f.json
new file mode 100644
index 0000000000000..82b7b23539183
--- /dev/null
+++ b/change/@fluentui-babel-preset-global-context-28602215-c268-452d-85d9-00ba63d8ed0f.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "added explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/babel-preset-global-context",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-eslint-plugin-d576152d-5ad5-451e-8384-e81fd4d2bb98.json b/change/@fluentui-eslint-plugin-d576152d-5ad5-451e-8384-e81fd4d2bb98.json
new file mode 100644
index 0000000000000..c5e3c931e1e90
--- /dev/null
+++ b/change/@fluentui-eslint-plugin-d576152d-5ad5-451e-8384-e81fd4d2bb98.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update tsconfig after migration to 5.2",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-global-context-85d11653-4f77-49c6-83d5-ebe3dc5c969e.json b/change/@fluentui-global-context-85d11653-4f77-49c6-83d5-ebe3dc5c969e.json
new file mode 100644
index 0000000000000..9b0f0734e9c42
--- /dev/null
+++ b/change/@fluentui-global-context-85d11653-4f77-49c6-83d5-ebe3dc5c969e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/global-context",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-aria-fd4f3898-30c0-423a-ad87-c68621431b95.json b/change/@fluentui-react-aria-fd4f3898-30c0-423a-ad87-c68621431b95.json
new file mode 100644
index 0000000000000..52e158800c86f
--- /dev/null
+++ b/change/@fluentui-react-aria-fd4f3898-30c0-423a-ad87-c68621431b95.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-aria",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-avatar-1f8e1036-8cb1-4b96-9155-16a930f92f54.json b/change/@fluentui-react-avatar-1f8e1036-8cb1-4b96-9155-16a930f92f54.json
new file mode 100644
index 0000000000000..3a6f397d84081
--- /dev/null
+++ b/change/@fluentui-react-avatar-1f8e1036-8cb1-4b96-9155-16a930f92f54.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-avatar",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-breadcrumb-517d614c-0eb1-4019-aa94-a8011d3947a6.json b/change/@fluentui-react-breadcrumb-517d614c-0eb1-4019-aa94-a8011d3947a6.json
new file mode 100644
index 0000000000000..ea59deec217bd
--- /dev/null
+++ b/change/@fluentui-react-breadcrumb-517d614c-0eb1-4019-aa94-a8011d3947a6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-breadcrumb",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-card-c6d87bf2-dcd8-488e-a2d2-b57ea74cc51d.json b/change/@fluentui-react-card-c6d87bf2-dcd8-488e-a2d2-b57ea74cc51d.json
new file mode 100644
index 0000000000000..ca7945188b8c1
--- /dev/null
+++ b/change/@fluentui-react-card-c6d87bf2-dcd8-488e-a2d2-b57ea74cc51d.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-card",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-combobox-fe9850c4-ca14-4c22-a7c8-a869c54ad106.json b/change/@fluentui-react-combobox-fe9850c4-ca14-4c22-a7c8-a869c54ad106.json
new file mode 100644
index 0000000000000..444163e483c70
--- /dev/null
+++ b/change/@fluentui-react-combobox-fe9850c4-ca14-4c22-a7c8-a869c54ad106.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-combobox",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-datepicker-compat-a54d07d4-b0fd-4b75-8a3e-3d9851d91133.json b/change/@fluentui-react-datepicker-compat-a54d07d4-b0fd-4b75-8a3e-3d9851d91133.json
new file mode 100644
index 0000000000000..77f4e6b0b7ff7
--- /dev/null
+++ b/change/@fluentui-react-datepicker-compat-a54d07d4-b0fd-4b75-8a3e-3d9851d91133.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-datepicker-compat",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-dialog-fc005c16-f756-4b47-b5e3-f544abbae52c.json b/change/@fluentui-react-dialog-fc005c16-f756-4b47-b5e3-f544abbae52c.json
new file mode 100644
index 0000000000000..6cb0e5aa549eb
--- /dev/null
+++ b/change/@fluentui-react-dialog-fc005c16-f756-4b47-b5e3-f544abbae52c.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-dialog",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-drawer-edb16867-7903-49df-9445-e5d40af61f73.json b/change/@fluentui-react-drawer-edb16867-7903-49df-9445-e5d40af61f73.json
new file mode 100644
index 0000000000000..60e1e9077744c
--- /dev/null
+++ b/change/@fluentui-react-drawer-edb16867-7903-49df-9445-e5d40af61f73.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-drawer",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-infolabel-dc7c6223-4a06-42f1-a6f6-9ddaf488803e.json b/change/@fluentui-react-infolabel-dc7c6223-4a06-42f1-a6f6-9ddaf488803e.json
new file mode 100644
index 0000000000000..39484dd314681
--- /dev/null
+++ b/change/@fluentui-react-infolabel-dc7c6223-4a06-42f1-a6f6-9ddaf488803e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-infolabel",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-list-preview-f355ed2f-294e-4b0d-8f0c-59f684d61515.json b/change/@fluentui-react-list-preview-f355ed2f-294e-4b0d-8f0c-59f684d61515.json
new file mode 100644
index 0000000000000..3f1ed8911dacb
--- /dev/null
+++ b/change/@fluentui-react-list-preview-f355ed2f-294e-4b0d-8f0c-59f684d61515.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-list-preview",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-menu-19683f73-d2c1-441e-87fa-f4ca074e7bd2.json b/change/@fluentui-react-menu-19683f73-d2c1-441e-87fa-f4ca074e7bd2.json
new file mode 100644
index 0000000000000..f3969fc674810
--- /dev/null
+++ b/change/@fluentui-react-menu-19683f73-d2c1-441e-87fa-f4ca074e7bd2.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-menu",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-migration-v0-v9-31f1ddf5-6ce6-424a-a576-8fb4b8336d63.json b/change/@fluentui-react-migration-v0-v9-31f1ddf5-6ce6-424a-a576-8fb4b8336d63.json
new file mode 100644
index 0000000000000..f370101f2ac34
--- /dev/null
+++ b/change/@fluentui-react-migration-v0-v9-31f1ddf5-6ce6-424a-a576-8fb4b8336d63.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update generated api",
+  "packageName": "@fluentui/react-migration-v0-v9",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-motion-1ecb79e8-deb8-4e5e-8be4-341fcbd70ead.json b/change/@fluentui-react-motion-1ecb79e8-deb8-4e5e-8be4-341fcbd70ead.json
new file mode 100644
index 0000000000000..a104786b3292d
--- /dev/null
+++ b/change/@fluentui-react-motion-1ecb79e8-deb8-4e5e-8be4-341fcbd70ead.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-motion",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-overflow-88fb1633-a8a7-4c6e-827c-f48b97702a3f.json b/change/@fluentui-react-overflow-88fb1633-a8a7-4c6e-827c-f48b97702a3f.json
new file mode 100644
index 0000000000000..c4d4aadde19ad
--- /dev/null
+++ b/change/@fluentui-react-overflow-88fb1633-a8a7-4c6e-827c-f48b97702a3f.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-overflow",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-popover-23093573-92f3-4ac1-9032-894182562d8e.json b/change/@fluentui-react-popover-23093573-92f3-4ac1-9032-894182562d8e.json
new file mode 100644
index 0000000000000..38eaca6eec069
--- /dev/null
+++ b/change/@fluentui-react-popover-23093573-92f3-4ac1-9032-894182562d8e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-popover",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-portal-compat-fac2b4d7-61f4-4bcb-932e-051821f42377.json b/change/@fluentui-react-portal-compat-fac2b4d7-61f4-4bcb-932e-051821f42377.json
new file mode 100644
index 0000000000000..6c9e976a3c3c2
--- /dev/null
+++ b/change/@fluentui-react-portal-compat-fac2b4d7-61f4-4bcb-932e-051821f42377.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-portal-compat",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-swatch-picker-3866ae6e-34e1-45c7-b9a5-66333c6f2e4e.json b/change/@fluentui-react-swatch-picker-3866ae6e-34e1-45c7-b9a5-66333c6f2e4e.json
new file mode 100644
index 0000000000000..a4822841d34ae
--- /dev/null
+++ b/change/@fluentui-react-swatch-picker-3866ae6e-34e1-45c7-b9a5-66333c6f2e4e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-swatch-picker",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-table-dfd62e19-0fab-4f85-8713-15df7f8770cb.json b/change/@fluentui-react-table-dfd62e19-0fab-4f85-8713-15df7f8770cb.json
new file mode 100644
index 0000000000000..a7376d423b071
--- /dev/null
+++ b/change/@fluentui-react-table-dfd62e19-0fab-4f85-8713-15df7f8770cb.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-table",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tabster-73a95c93-994c-40ad-8a20-e6b93ce230cc.json b/change/@fluentui-react-tabster-73a95c93-994c-40ad-8a20-e6b93ce230cc.json
new file mode 100644
index 0000000000000..7972a33078bb2
--- /dev/null
+++ b/change/@fluentui-react-tabster-73a95c93-994c-40ad-8a20-e6b93ce230cc.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tabster",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tag-picker-c37fc1e6-1a66-491a-9c29-03eb496caeea.json b/change/@fluentui-react-tag-picker-c37fc1e6-1a66-491a-9c29-03eb496caeea.json
new file mode 100644
index 0000000000000..499548a19f077
--- /dev/null
+++ b/change/@fluentui-react-tag-picker-c37fc1e6-1a66-491a-9c29-03eb496caeea.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tag-picker",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tags-91f4933e-8018-4cea-8440-417bbaf4e7d6.json b/change/@fluentui-react-tags-91f4933e-8018-4cea-8440-417bbaf4e7d6.json
new file mode 100644
index 0000000000000..fe6146cccef20
--- /dev/null
+++ b/change/@fluentui-react-tags-91f4933e-8018-4cea-8440-417bbaf4e7d6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tags",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-timepicker-compat-d4c11b3d-1b54-44e7-8231-c31f5e2eb183.json b/change/@fluentui-react-timepicker-compat-d4c11b3d-1b54-44e7-8231-c31f5e2eb183.json
new file mode 100644
index 0000000000000..6980678399fb4
--- /dev/null
+++ b/change/@fluentui-react-timepicker-compat-d4c11b3d-1b54-44e7-8231-c31f5e2eb183.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-timepicker-compat",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-toast-868f2a7b-e5f8-4fde-8890-c2d679213403.json b/change/@fluentui-react-toast-868f2a7b-e5f8-4fde-8890-c2d679213403.json
new file mode 100644
index 0000000000000..60f1ba75b10eb
--- /dev/null
+++ b/change/@fluentui-react-toast-868f2a7b-e5f8-4fde-8890-c2d679213403.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-toast",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-toolbar-5bd96504-b775-4b48-b161-765a58dab3a4.json b/change/@fluentui-react-toolbar-5bd96504-b775-4b48-b161-765a58dab3a4.json
new file mode 100644
index 0000000000000..f0812fdfc0695
--- /dev/null
+++ b/change/@fluentui-react-toolbar-5bd96504-b775-4b48-b161-765a58dab3a4.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tree-4b796704-0c2a-4529-89fc-7f66f1de0e14.json b/change/@fluentui-react-tree-4b796704-0c2a-4529-89fc-7f66f1de0e14.json
new file mode 100644
index 0000000000000..65e14427c49c1
--- /dev/null
+++ b/change/@fluentui-react-tree-4b796704-0c2a-4529-89fc-7f66f1de0e14.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tree",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-utilities-a76b7036-25c3-49fa-bf0a-8cab44d8d4eb.json b/change/@fluentui-react-utilities-a76b7036-25c3-49fa-bf0a-8cab44d8d4eb.json
new file mode 100644
index 0000000000000..19c791a0ca152
--- /dev/null
+++ b/change/@fluentui-react-utilities-a76b7036-25c3-49fa-bf0a-8cab44d8d4eb.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-utilities",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-theme-18bd688f-f330-4fb2-abc6-d70673fe6bc6.json b/change/@fluentui-theme-18bd688f-f330-4fb2-abc6-d70673fe6bc6.json
new file mode 100644
index 0000000000000..92eee2d885d2f
--- /dev/null
+++ b/change/@fluentui-theme-18bd688f-f330-4fb2-abc6-d70673fe6bc6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update api.md",
+  "packageName": "@fluentui/theme",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-web-components-a0546391-be46-4cec-ba6d-1b268e7f08b0.json b/change/@fluentui-web-components-a0546391-be46-4cec-ba6d-1b268e7f08b0.json
new file mode 100644
index 0000000000000..b3b94bd2676a7
--- /dev/null
+++ b/change/@fluentui-web-components-a0546391-be46-4cec-ba6d-1b268e7f08b0.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update tsconfig to be compatiable with 5.2",
+  "packageName": "@fluentui/web-components",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
index cb24a0eaa6faa..30d2d22fa5b8e 100644
--- a/package.json
+++ b/package.json
@@ -337,7 +337,7 @@
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "4.1.0",
     "tslib": "2.6.3",
-    "typescript": "5.0.4",
+    "typescript": "5.2.2",
     "vinyl": "2.2.0",
     "webpack": "5.94.0",
     "webpack-bundle-analyzer": "4.10.1",
diff --git a/packages/eslint-plugin/tsconfig.json b/packages/eslint-plugin/tsconfig.json
index c64fb9e7c3b8a..b1b552a86061f 100644
--- a/packages/eslint-plugin/tsconfig.json
+++ b/packages/eslint-plugin/tsconfig.json
@@ -3,8 +3,8 @@
     "noEmit": true,
     "allowJs": true,
     "checkJs": true,
-    "module": "commonjs",
-    "moduleResolution": "nodenext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "noUnusedLocals": true,
     "skipLibCheck": true,
     "strict": true,
diff --git a/packages/fluentui/e2e/cypress/support/index.d.ts b/packages/fluentui/e2e/cypress/support/index.d.ts
index b7631148eebde..74e2f49ef330e 100644
--- a/packages/fluentui/e2e/cypress/support/index.d.ts
+++ b/packages/fluentui/e2e/cypress/support/index.d.ts
@@ -1,3 +1,5 @@
+import 'cypress-real-events';
+
 type E2EKeys =
   | '{downarrow}'
   | '{leftarrow}'
@@ -22,26 +24,28 @@ type CyrillicLetters = 'т';
 
 type modifier = 'Alt' | 'Control' | 'Meta' | 'Shift';
 
-declare namespace Cypress {
-  interface Chainable {
-    gotoTestCase(testFilePath: string, waitForSelector: string): Chainable<Element>;
-    goto(docsUrl: string, waitForSelector: string): Chainable<Element>;
-    exist(selector: string): Chainable<Element>;
-    notExist(selector: string): Chainable<Element>;
-    nothingIsFocused(): Chainable<Element>;
-    simulatePageMove(): Chainable<Element>;
-    clickOn(selector: string): Chainable<Element>;
-    mouseDownOn(selector: string): Chainable<Element>;
-    focusOn(selector: string): Chainable<Element>;
-    hoverOn(selector: string): Chainable<Element>;
-    resizeViewport(width: number): Chainable<Element>;
-    isFocused(selector: string): Chainable<Element>;
-    expectTextOf(selector: string, text: string): Chainable<Element>;
-    expectCount(selector: string, count: number): Chainable<Element>;
-    notVisible(selector: string): Chainable<Element>;
-    visible(selector: string): Chainable<Element>;
-    waitForSelectorAndPressKey(selector: string, key: E2EKeys, modifier?: modifier): Chainable<Element>;
-    hasComputedStyle(selector: string, property: keyof CSSStyleDeclaration, value: string): Chainable<Element>;
-    hasPropertyValue(selector: string, property: string, value: string | number): Chainable<Element>;
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      gotoTestCase(testFilePath: string, waitForSelector: string): Chainable<Element>;
+      goto(docsUrl: string, waitForSelector: string): Chainable<Element>;
+      exist(selector: string): Chainable<Element>;
+      notExist(selector: string): Chainable<Element>;
+      nothingIsFocused(): Chainable<Element>;
+      simulatePageMove(): Chainable<Element>;
+      clickOn(selector: string): Chainable<Element>;
+      mouseDownOn(selector: string): Chainable<Element>;
+      focusOn(selector: string): Chainable<Element>;
+      hoverOn(selector: string): Chainable<Element>;
+      resizeViewport(width: number): Chainable<Element>;
+      isFocused(selector: string): Chainable<Element>;
+      expectTextOf(selector: string, text: string): Chainable<Element>;
+      expectCount(selector: string, count: number): Chainable<Element>;
+      notVisible(selector: string): Chainable<Element>;
+      visible(selector: string): Chainable<Element>;
+      waitForSelectorAndPressKey(selector: string, key: E2EKeys, modifier?: modifier): Chainable<Element>;
+      hasComputedStyle(selector: string, property: keyof CSSStyleDeclaration, value: string): Chainable<Element>;
+      hasPropertyValue(selector: string, property: string, value: string | number): Chainable<Element>;
+    }
   }
 }
diff --git a/packages/react-components/babel-preset-global-context/tsconfig.cy.json b/packages/react-components/babel-preset-global-context/tsconfig.cy.json
index d97eb152e0334..1260a0a529617 100644
--- a/packages/react-components/babel-preset-global-context/tsconfig.cy.json
+++ b/packages/react-components/babel-preset-global-context/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/global-context/tsconfig.cy.json b/packages/react-components/global-context/tsconfig.cy.json
index d97eb152e0334..1260a0a529617 100644
--- a/packages/react-components/global-context/tsconfig.cy.json
+++ b/packages/react-components/global-context/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-aria/library/tsconfig.cy.json b/packages/react-components/react-aria/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-aria/library/tsconfig.cy.json
+++ b/packages/react-components/react-aria/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-avatar/library/tsconfig.cy.json b/packages/react-components/react-avatar/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-avatar/library/tsconfig.cy.json
+++ b/packages/react-components/react-avatar/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-breadcrumb/library/tsconfig.cy.json b/packages/react-components/react-breadcrumb/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-breadcrumb/library/tsconfig.cy.json
+++ b/packages/react-components/react-breadcrumb/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-card/library/tsconfig.cy.json b/packages/react-components/react-card/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-card/library/tsconfig.cy.json
+++ b/packages/react-components/react-card/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-combobox/library/tsconfig.cy.json b/packages/react-components/react-combobox/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-combobox/library/tsconfig.cy.json
+++ b/packages/react-components/react-combobox/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-datepicker-compat/library/tsconfig.cy.json b/packages/react-components/react-datepicker-compat/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-datepicker-compat/library/tsconfig.cy.json
+++ b/packages/react-components/react-datepicker-compat/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-dialog/library/tsconfig.cy.json b/packages/react-components/react-dialog/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-dialog/library/tsconfig.cy.json
+++ b/packages/react-components/react-dialog/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-drawer/library/tsconfig.cy.json b/packages/react-components/react-drawer/library/tsconfig.cy.json
index a308fca822da8..232a935426f7a 100644
--- a/packages/react-components/react-drawer/library/tsconfig.cy.json
+++ b/packages/react-components/react-drawer/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx", "./src/e2e/*.tsx"]
diff --git a/packages/react-components/react-infolabel/library/tsconfig.cy.json b/packages/react-components/react-infolabel/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-infolabel/library/tsconfig.cy.json
+++ b/packages/react-components/react-infolabel/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-list-preview/library/tsconfig.cy.json b/packages/react-components/react-list-preview/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-list-preview/library/tsconfig.cy.json
+++ b/packages/react-components/react-list-preview/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-menu/library/tsconfig.cy.json b/packages/react-components/react-menu/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-menu/library/tsconfig.cy.json
+++ b/packages/react-components/react-menu/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-migration-v0-v9/library/etc/react-migration-v0-v9.api.md b/packages/react-components/react-migration-v0-v9/library/etc/react-migration-v0-v9.api.md
index 7e48e909d5db5..5414b326c1d7a 100644
--- a/packages/react-components/react-migration-v0-v9/library/etc/react-migration-v0-v9.api.md
+++ b/packages/react-components/react-migration-v0-v9/library/etc/react-migration-v0-v9.api.md
@@ -79,10 +79,10 @@ export interface AttachmentIconProps extends React_2.HTMLAttributes<HTMLSpanElem
 }
 
 // @public (undocumented)
-export const attachmentProgressBarClassName: string;
+export const attachmentProgressBarClassName = "fui-Attachment__progress";
 
 // @public (undocumented)
-export const attachmentProgressContainerClassName: string;
+export const attachmentProgressContainerClassName = "fui-Attachment__progress-container";
 
 // @public (undocumented)
 export interface AttachmentProps extends React_2.HTMLAttributes<HTMLElement> {
diff --git a/packages/react-components/react-motion/library/tsconfig.cy.json b/packages/react-components/react-motion/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-motion/library/tsconfig.cy.json
+++ b/packages/react-components/react-motion/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-overflow/library/tsconfig.cy.json b/packages/react-components/react-overflow/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-overflow/library/tsconfig.cy.json
+++ b/packages/react-components/react-overflow/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-popover/library/tsconfig.cy.json b/packages/react-components/react-popover/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-popover/library/tsconfig.cy.json
+++ b/packages/react-components/react-popover/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-portal-compat/tsconfig.cy.json b/packages/react-components/react-portal-compat/tsconfig.cy.json
index d97eb152e0334..1260a0a529617 100644
--- a/packages/react-components/react-portal-compat/tsconfig.cy.json
+++ b/packages/react-components/react-portal-compat/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-swatch-picker/library/tsconfig.cy.json b/packages/react-components/react-swatch-picker/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-swatch-picker/library/tsconfig.cy.json
+++ b/packages/react-components/react-swatch-picker/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-table/library/tsconfig.cy.json b/packages/react-components/react-table/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-table/library/tsconfig.cy.json
+++ b/packages/react-components/react-table/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-tabster/tsconfig.cy.json b/packages/react-components/react-tabster/tsconfig.cy.json
index d97eb152e0334..1260a0a529617 100644
--- a/packages/react-components/react-tabster/tsconfig.cy.json
+++ b/packages/react-components/react-tabster/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-tag-picker/library/tsconfig.cy.json b/packages/react-components/react-tag-picker/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-tag-picker/library/tsconfig.cy.json
+++ b/packages/react-components/react-tag-picker/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-tags/library/tsconfig.cy.json b/packages/react-components/react-tags/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-tags/library/tsconfig.cy.json
+++ b/packages/react-components/react-tags/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-timepicker-compat/library/tsconfig.cy.json b/packages/react-components/react-timepicker-compat/library/tsconfig.cy.json
index d97eb152e0334..ea5b8b7ac296d 100644
--- a/packages/react-components/react-timepicker-compat/library/tsconfig.cy.json
+++ b/packages/react-components/react-timepicker-compat/library/tsconfig.cy.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
+
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-toast/library/tsconfig.cy.json b/packages/react-components/react-toast/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-toast/library/tsconfig.cy.json
+++ b/packages/react-components/react-toast/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-toolbar/library/tsconfig.cy.json b/packages/react-components/react-toolbar/library/tsconfig.cy.json
index d97eb152e0334..3cfb39a1086ac 100644
--- a/packages/react-components/react-toolbar/library/tsconfig.cy.json
+++ b/packages/react-components/react-toolbar/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-components/react-tree/library/tsconfig.cy.json b/packages/react-components/react-tree/library/tsconfig.cy.json
index 7e4c5fba3a424..90e0e0c7bd6ec 100644
--- a/packages/react-components/react-tree/library/tsconfig.cy.json
+++ b/packages/react-components/react-tree/library/tsconfig.cy.json
@@ -2,7 +2,8 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "isolatedModules": false,
-    "types": ["node", "cypress", "cypress-real-events"]
+    "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
 }
diff --git a/packages/react-components/react-utilities/tsconfig.cy.json b/packages/react-components/react-utilities/tsconfig.cy.json
index d97eb152e0334..1260a0a529617 100644
--- a/packages/react-components/react-utilities/tsconfig.cy.json
+++ b/packages/react-components/react-utilities/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]
diff --git a/packages/react-examples/tsconfig.cy.json b/packages/react-examples/tsconfig.cy.json
index 226b8575f400a..a1a78345c4a6e 100644
--- a/packages/react-examples/tsconfig.cy.json
+++ b/packages/react-examples/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["src/**/*.cy.ts", "src/**/*.cy.tsx"]
diff --git a/packages/react-examples/tsconfig.json b/packages/react-examples/tsconfig.json
index bbdd6a32e0df5..fe13d94ef3091 100644
--- a/packages/react-examples/tsconfig.json
+++ b/packages/react-examples/tsconfig.json
@@ -16,7 +16,7 @@
     "preserveConstEnums": true,
     "skipLibCheck": true,
     "lib": ["es5", "dom", "es2015.promise"],
-    "typeRoots": ["../../node_modules/@types", "../../typings"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types", "../../typings"],
     "types": ["webpack-env", "custom-global", "node", "cypress", "cypress-real-events"],
     "isolatedModules": true,
     "paths": {
diff --git a/packages/theme/etc/theme.api.md b/packages/theme/etc/theme.api.md
index b71f2564ce7ab..4e8afdb7d1175 100644
--- a/packages/theme/etc/theme.api.md
+++ b/packages/theme/etc/theme.api.md
@@ -520,19 +520,19 @@ export interface ITheme extends Theme {
 // @public (undocumented)
 export namespace LocalizedFontFamilies {
     const // (undocumented)
-    Arabic: string;
+    Arabic = "'Segoe UI Web (Arabic)'";
     const // (undocumented)
     ChineseSimplified = "'Microsoft Yahei UI', Verdana, Simsun";
     const // (undocumented)
     ChineseTraditional = "'Microsoft Jhenghei UI', Pmingliu";
     const // (undocumented)
-    Cyrillic: string;
+    Cyrillic = "'Segoe UI Web (Cyrillic)'";
     const // (undocumented)
-    EastEuropean: string;
+    EastEuropean = "'Segoe UI Web (East European)'";
     const // (undocumented)
-    Greek: string;
+    Greek = "'Segoe UI Web (Greek)'";
     const // (undocumented)
-    Hebrew: string;
+    Hebrew = "'Segoe UI Web (Hebrew)'";
     const // (undocumented)
     Hindi = "'Nirmala UI'";
     const // (undocumented)
@@ -540,17 +540,17 @@ export namespace LocalizedFontFamilies {
     const // (undocumented)
     Korean = "'Malgun Gothic', Gulim";
     const // (undocumented)
-    Selawik: string;
+    Selawik = "'Selawik Web'";
     const // (undocumented)
     Thai = "'Leelawadee UI Web', 'Kmer UI'";
     const // (undocumented)
-    Vietnamese: string;
+    Vietnamese = "'Segoe UI Web (Vietnamese)'";
     const // (undocumented)
-    WestEuropean: string;
+    WestEuropean = "'Segoe UI Web (West European)'";
     const // (undocumented)
-    Armenian: string;
+    Armenian = "'Segoe UI Web (Armenian)'";
     const // (undocumented)
-    Georgian: string;
+    Georgian = "'Segoe UI Web (Georgian)'";
 }
 
 // @public (undocumented)
diff --git a/packages/web-components/src/menu-item/menu-item.template.ts b/packages/web-components/src/menu-item/menu-item.template.ts
index dc85ee5215b48..0bd4204994718 100644
--- a/packages/web-components/src/menu-item/menu-item.template.ts
+++ b/packages/web-components/src/menu-item/menu-item.template.ts
@@ -18,9 +18,7 @@ export function menuItemTemplate<T extends MenuItem>(options: MenuItemOptions =
       @click="${(x, c) => x.handleMenuItemClick(c.event as MouseEvent)}"
       @mouseover="${(x, c) => x.handleMouseOver(c.event as MouseEvent)}"
       @mouseout="${(x, c) => x.handleMouseOut(c.event as MouseEvent)}"
-      @toggle="${(x, c) =>
-        // @ts-expect-error - Baseline 2024
-        x.toggleHandler(c.event as ToggleEvent)}"
+      @toggle="${(x, c) => x.toggleHandler(c.event as ToggleEvent)}"
     >
       <slot name="indicator"> ${staticallyCompose(options.indicator)} </slot>
       ${startSlotTemplate(options)}
diff --git a/packages/web-components/src/menu-item/menu-item.ts b/packages/web-components/src/menu-item/menu-item.ts
index 9e4ffb34bfb09..6e0c407ce49f3 100644
--- a/packages/web-components/src/menu-item/menu-item.ts
+++ b/packages/web-components/src/menu-item/menu-item.ts
@@ -183,7 +183,6 @@ export class MenuItem extends FASTElement {
       case keyArrowRight:
         //open/focus on submenu
         if (!this.disabled) {
-          // @ts-expect-error - Baseline 2024
           this.submenu?.togglePopover(true);
           this.submenu?.focus();
         }
@@ -193,7 +192,6 @@ export class MenuItem extends FASTElement {
       case keyArrowLeft:
         //close submenu
         if (this.parentElement?.hasAttribute('popover')) {
-          // @ts-expect-error - Baseline 2024
           this.parentElement.togglePopover(false);
           // focus the menu item containing the submenu
           this.parentElement.parentElement?.focus();
@@ -224,7 +222,6 @@ export class MenuItem extends FASTElement {
     if (this.disabled) {
       return false;
     }
-    // @ts-expect-error - Baseline 2024
     this.submenu?.togglePopover(true);
     return false;
   };
@@ -236,7 +233,6 @@ export class MenuItem extends FASTElement {
     if (this.contains(document.activeElement)) {
       return false;
     }
-    // @ts-expect-error - Baseline 2024
     this.submenu?.togglePopover(false);
 
     return false;
@@ -247,13 +243,11 @@ export class MenuItem extends FASTElement {
    * @internal
    */
   public toggleHandler = (e: Event): void => {
-    // @ts-expect-error - Baseline 2024
     if (e instanceof ToggleEvent && e.newState === 'open') {
       this.setAttribute('tabindex', '-1');
       this.elementInternals.ariaExpanded = 'true';
       this.setSubmenuPosition();
     }
-    // @ts-expect-error - Baseline 2024
     if (e instanceof ToggleEvent && e.newState === 'closed') {
       this.elementInternals.ariaExpanded = 'false';
       this.setAttribute('tabindex', '0');
@@ -275,7 +269,6 @@ export class MenuItem extends FASTElement {
 
       case MenuItemRole.menuitem:
         if (!!this.submenu) {
-          // @ts-expect-error - Baseline 2024
           this.submenu.togglePopover(true);
           this.submenu.focus();
           break;
diff --git a/packages/web-components/src/menu/menu.ts b/packages/web-components/src/menu/menu.ts
index 0319043979905..4927fdf4d0501 100644
--- a/packages/web-components/src/menu/menu.ts
+++ b/packages/web-components/src/menu/menu.ts
@@ -145,7 +145,6 @@ export class Menu extends FASTElement {
    * @public
    */
   public toggleMenu = () => {
-    // @ts-expect-error - Baseline 2024
     this._menuList?.togglePopover(!this._open);
   };
 
@@ -162,7 +161,6 @@ export class Menu extends FASTElement {
     ) {
       return;
     }
-    // @ts-expect-error - Baseline 2024
     this._menuList?.togglePopover(false);
 
     if (this.closeOnScroll) {
@@ -175,7 +173,6 @@ export class Menu extends FASTElement {
    * @public
    */
   public openMenu = (e?: Event) => {
-    // @ts-expect-error - Baseline 2024
     this._menuList?.togglePopover(true);
 
     if (e && this.openOnContext) {
diff --git a/packages/web-components/src/theme/design-tokens.ts b/packages/web-components/src/theme/design-tokens.ts
index 5819ec09a5d12..abac2996e831d 100644
--- a/packages/web-components/src/theme/design-tokens.ts
+++ b/packages/web-components/src/theme/design-tokens.ts
@@ -2615,3 +2615,51 @@ export const curveEasyEase = 'var(--curveEasyEase)';
  * @public
  */
 export const curveLinear = 'var(--curveLinear)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexBackground | `zIndexBackground`} design token.
+ * @public
+ */
+export const zIndexBackground = 'var(--zIndexBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexContent | `zIndexContent`} design token.
+ * @public
+ */
+export const zIndexContent = 'var(--zIndexContent)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexOverlay | `zIndexOverlay`} design token.
+ * @public
+ */
+export const zIndexOverlay = 'var(--zIndexOverlay)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexPopup | `zIndexPopup`} design token.
+ * @public
+ */
+export const zIndexPopup = 'var(--zIndexPopup)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexMessages | `zIndexMessages`} design token.
+ * @public
+ */
+export const zIndexMessages = 'var(--zIndexMessages)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexFloating | `zIndexFloating`} design token.
+ * @public
+ */
+export const zIndexFloating = 'var(--zIndexFloating)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexPriority | `zIndexPriority`} design token.
+ * @public
+ */
+export const zIndexPriority = 'var(--zIndexPriority)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexDebug | `zIndexDebug`} design token.
+ * @public
+ */
+export const zIndexDebug = 'var(--zIndexDebug)';
diff --git a/packages/web-components/tsconfig.json b/packages/web-components/tsconfig.json
index 5ff1a0e61b3d1..8b5eb0476a422 100644
--- a/packages/web-components/tsconfig.json
+++ b/packages/web-components/tsconfig.json
@@ -2,7 +2,7 @@
   "extends": "../../tsconfig.base.wc.json",
   "compilerOptions": {
     "target": "ES2019",
-    "module": "ESNext",
+    "module": "NodeNext",
     "experimentalDecorators": true,
     "resolveJsonModule": true,
     "allowJs": true
diff --git a/packages/web-components/tsconfig.lib.json b/packages/web-components/tsconfig.lib.json
index c4d92fe979201..a9ffdf4359682 100644
--- a/packages/web-components/tsconfig.lib.json
+++ b/packages/web-components/tsconfig.lib.json
@@ -2,7 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "target": "ES2019",
-    "module": "ESNext",
+    "module": "NodeNext",
     "lib": ["ESNext", "DOM"],
     "declaration": true,
     "declarationDir": "dist/dts",
diff --git a/packages/web-components/tsconfig.spec.json b/packages/web-components/tsconfig.spec.json
index 6287b1ce0f8d5..d9bed36588029 100644
--- a/packages/web-components/tsconfig.spec.json
+++ b/packages/web-components/tsconfig.spec.json
@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "module": "ESNext",
+    "module": "NodeNext",
     "outDir": "dist/esm",
     "types": ["node"]
   },
diff --git a/tsconfig.base.wc.json b/tsconfig.base.wc.json
index 472f867dd913b..70434c0ba3c66 100644
--- a/tsconfig.base.wc.json
+++ b/tsconfig.base.wc.json
@@ -1,8 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2019",
-    "module": "ESNext",
-    "moduleResolution": "Node16",
+    "module": "NodeNext",
     "esModuleInterop": true,
     "sourceMap": true,
     "strict": true,
diff --git a/yarn.lock b/yarn.lock
index a178f158a252f..8cf48d9516333 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22675,7 +22675,12 @@ typescript-eslint@^7.5.0:
     "@typescript-eslint/parser" "7.18.0"
     "@typescript-eslint/utils" "7.18.0"
 
-typescript@5.0.4, typescript@~5.0.4:
+typescript@5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
+  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
+
+typescript@~5.0.4:
   version "5.0.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.0.4.tgz#b217fd20119bd61a94d4011274e0ab369058da3b"
   integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==