diff --git a/examples/demo/package.json b/examples/demo/package.json
index 4a5a2b16d..4ff681226 100644
--- a/examples/demo/package.json
+++ b/examples/demo/package.json
@@ -30,7 +30,7 @@
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.16.1",
     "@mui/material": "^6.1.0",
-    "@mui/styles": "^5.16.1",
+    "@mui/styles": "^6.1.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^22.1.0",
     "@types/react": "^18.3.3",
diff --git a/yarn.lock b/yarn.lock
index d424c7b94..17fbe8a71 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4765,7 +4765,7 @@ __metadata:
     "@emotion/styled": ^11.11.5
     "@mui/icons-material": ^5.16.1
     "@mui/material": ^6.1.0
-    "@mui/styles": ^5.16.1
+    "@mui/styles": ^6.1.0
     "@types/jest": ^29.5.12
     "@types/node": ^22.1.0
     "@types/react": ^18.3.3
@@ -5342,6 +5342,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/hash@npm:^0.9.2":
+  version: 0.9.2
+  resolution: "@emotion/hash@npm:0.9.2"
+  checksum: 379bde2830ccb0328c2617ec009642321c0e009a46aa383dfbe75b679c6aea977ca698c832d225a893901f29d7b3eef0e38cf341f560f6b2b56f1ff23c172387
+  languageName: node
+  linkType: hard
+
 "@emotion/is-prop-valid@npm:^1.2.2":
   version: 1.2.2
   resolution: "@emotion/is-prop-valid@npm:1.2.2"
@@ -6895,23 +6902,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/private-theming@npm:^5.16.4":
-  version: 5.16.4
-  resolution: "@mui/private-theming@npm:5.16.4"
-  dependencies:
-    "@babel/runtime": ^7.23.9
-    "@mui/utils": ^5.16.4
-    prop-types: ^15.8.1
-  peerDependencies:
-    "@types/react": ^17.0.0 || ^18.0.0
-    react: ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: a3f56aa08a4fa8c221b0d8311c156bf8be097dda0ed9eb82b878e2b889dd314760773199b6eee805ba98d1e47402a2ca6667d5e1d84ff4872cb3d40694dd01f8
-  languageName: node
-  linkType: hard
-
 "@mui/private-theming@npm:^6.1.0":
   version: 6.1.0
   resolution: "@mui/private-theming@npm:6.1.0"
@@ -6951,16 +6941,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/styles@npm:^5.16.1":
-  version: 5.16.4
-  resolution: "@mui/styles@npm:5.16.4"
+"@mui/styles@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "@mui/styles@npm:6.1.0"
   dependencies:
-    "@babel/runtime": ^7.23.9
-    "@emotion/hash": ^0.9.1
-    "@mui/private-theming": ^5.16.4
-    "@mui/types": ^7.2.15
-    "@mui/utils": ^5.16.4
-    clsx: ^2.1.0
+    "@babel/runtime": ^7.25.6
+    "@emotion/hash": ^0.9.2
+    "@mui/private-theming": ^6.1.0
+    "@mui/types": ^7.2.16
+    "@mui/utils": ^6.1.0
+    clsx: ^2.1.1
     csstype: ^3.1.3
     hoist-non-react-statics: ^3.3.2
     jss: ^10.10.0
@@ -6973,12 +6963,12 @@ __metadata:
     jss-plugin-vendor-prefixer: ^10.10.0
     prop-types: ^15.8.1
   peerDependencies:
-    "@types/react": ^17.0.0 || ^18.0.0
-    react: ^17.0.0
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: b598b627cb928975dc154841e7c03680a8e25f92db68178188b27755b899f1cc17822c82c40f93e8e770a2dd4628e7f3a1ed45eb74629edf438150dcaab73e5b
+  checksum: 079cc3c1fbf1eeea651dffaf8ddf29ad8f7b8ba1a100c170c77f8a5ba1f212265b264ba4444fe5369650ad8a2a6f43e2143c290f72891b5702a5504d9c800bdf
   languageName: node
   linkType: hard
 
@@ -7010,18 +7000,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/types@npm:^7.2.15":
-  version: 7.2.15
-  resolution: "@mui/types@npm:7.2.15"
-  peerDependencies:
-    "@types/react": ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 86c7e58a4ead970204b746e3ead71d4b9b3ea1eebe237be88ae0d6b3fda958fb5aa73c238960c8c2b2cdb1cf424a961299a2292e8d7364ddb41bd20059b70993
-  languageName: node
-  linkType: hard
-
 "@mui/types@npm:^7.2.16":
   version: 7.2.16
   resolution: "@mui/types@npm:7.2.16"
@@ -7034,25 +7012,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/utils@npm:^5.16.4":
-  version: 5.16.4
-  resolution: "@mui/utils@npm:5.16.4"
-  dependencies:
-    "@babel/runtime": ^7.23.9
-    "@types/prop-types": ^15.7.12
-    clsx: ^2.1.1
-    prop-types: ^15.8.1
-    react-is: ^18.3.1
-  peerDependencies:
-    "@types/react": ^17.0.0 || ^18.0.0
-    react: ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 8185d74a7c10c32347d29296cc6433d3f6894196dc3645ff4543c2f76a97c8c40ba35aff1443abd8af7f0123a97834f2809281c28c924c99693ceaeab9d6640d
-  languageName: node
-  linkType: hard
-
 "@mui/utils@npm:^6.1.0":
   version: 6.1.0
   resolution: "@mui/utils@npm:6.1.0"
@@ -13443,7 +13402,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^2.1.0, clsx@npm:^2.1.1":
+"clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
   checksum: acd3e1ab9d8a433ecb3cc2f6a05ab95fe50b4a3cfc5ba47abb6cbf3754585fcb87b84e90c822a1f256c4198e3b41c7f6c391577ffc8678ad587fc0976b24fd57