[Snyk] Upgrade @mui/styles from 5.10.10 to 5.18.0

[nejidevelops]

Snyk has created this PR to upgrade @mui/styles from 5.10.10 to 5.18.0.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 76 versions ahead of your current version.

• The recommended version was released 5 months ago.

Issues fixed by the recommended upgrade:

	Issue	Score	Exploit Maturity
	Regular Expression Denial of Service (ReDoS) SNYK-JS-BABELRUNTIME-10044504	666	Proof of Concept

Release notes

Package name: @mui/styles

• 5.18.0 - 2025-07-08
  

  A big thanks to the 2 contributors who made this release possible.

  CSS layers make it easier to override styles by splitting a single style sheet into multiple layers.
  To learn more, check out the CSS layers documentation.

  @ mui/[email protected]

  • Backport CSS layers from v7 (#46320) @ siriwatknp

  @ mui/[email protected]

  • Backport CSS layers from v7 (#46320) @ siriwatknp

  Docs

  • Ease migration to v5 (#45991) @ oliviertassinari
  • Add AccordionSummary to the breaking change migration (@ siriwatknp) (#45972) @ siriwatknp

  All contributors of this release in alphabetical order: @ oliviertassinari, @ siriwatknp

• 5.17.1 - 2025-03-18
• 5.17.0 - 2025-03-18
• 5.16.14 - 2025-01-06
• 5.16.13 - 2024-12-25
• 5.16.12 - 2024-12-17
• 5.16.11 - 2024-12-11
• 5.16.10 - 2024-12-11
• 5.16.9 - 2024-12-04
• 5.16.8 - 2024-11-28
• 5.16.7 - 2024-08-09
• 5.16.6 - 2024-07-30
• 5.16.5 - 2024-07-25
• 5.16.4 - 2024-07-16
• 5.16.3 - 2024-07-16
• 5.16.2 - 2024-07-16
• 5.16.1 - 2024-07-11
• 5.16.0 - 2024-07-05
• 5.15.21 - 2024-06-28
• 5.15.20 - 2024-06-12
• 5.15.19 - 2024-05-29
• 5.15.18 - 2024-05-16
• 5.15.17 - 2024-05-08
• 5.15.16 - 2024-05-01
• 5.15.15 - 2024-04-04
• 5.15.14 - 2024-03-19
• 5.15.13 - 2024-03-13
• 5.15.12 - 2024-03-05
• 5.15.11 - 2024-02-24
• 5.15.10 - 2024-02-12
• 5.15.9 - 2024-02-08
• 5.15.8 - 2024-02-06
• 5.15.7 - 2024-01-31
• 5.15.6 - 2024-01-22
• 5.15.5 - 2024-01-17
• 5.15.4 - 2024-01-10
• 5.15.3 - 2024-01-03
• 5.15.2 - 2023-12-25
• 5.15.1 - 2023-12-19
• 5.15.0 - 2023-12-12
• 5.14.20 - 2023-12-05
• 5.14.19 - 2023-11-29
• 5.14.18 - 2023-11-14
• 5.14.17 - 2023-11-06
• 5.14.16 - 2023-10-31
• 5.14.15 - 2023-10-24
• 5.14.14 - 2023-10-17
• 5.14.13 - 2023-10-10
• 5.14.12 - 2023-10-04
• 5.14.11 - 2023-09-26
• 5.14.10 - 2023-09-18
• 5.14.9 - 2023-09-13
• 5.14.7 - 2023-08-29
• 5.14.6 - 2023-08-24
• 5.14.5 - 2023-08-14
• 5.14.4 - 2023-08-08
• 5.14.3 - 2023-08-01
• 5.14.1 - 2023-07-19
• 5.14.0 - 2023-07-11
• 5.13.7 - 2023-07-04
• 5.13.2 - 2023-05-22
• 5.13.1 - 2023-05-17
• 5.12.3 - 2023-05-02
• 5.12.0 - 2023-04-11
• 5.11.16 - 2023-04-04
• 5.11.13 - 2023-03-14
• 5.11.12 - 2023-03-06
• 5.11.11 - 2023-02-28
• 5.11.9 - 2023-02-14
• 5.11.7 - 2023-01-31
• 5.11.2 - 2022-12-26
• 5.11.1 - 2022-12-20
• 5.11.0 - 2022-12-13
• 5.10.16 - 2022-11-28
• 5.10.15 - 2022-11-22
• 5.10.14 - 2022-11-15
• 5.10.10 - 2022-10-18

from @mui/styles GitHub release notes

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• This PR was automatically created by Snyk using the credentials of a real user.
• Max score is 1000. Note that the real score may have changed since the PR was raised.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs

[gemini-code-assist]

Summary of Changes

Hello @nejidevelops, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request performs a significant upgrade of the @mui/styles package to version 5.18.0. The primary motivation for this update is to mitigate a critical Regular Expression Denial of Service (ReDoS) vulnerability. Beyond the security fix, this upgrade also brings the project's dependency tree up-to-date with numerous transitive package updates, introduces compatibility with React 19, and enables the use of CSS layers for more advanced styling capabilities.

Highlights

• Dependency Upgrade: The @mui/styles package has been upgraded from version 5.10.10 to 5.18.0.
• Security Fix: This upgrade addresses a 'Regular Expression Denial of Service (ReDoS)' vulnerability (SNYK-JS-BABELRUNTIME-10044504) with a score of 666, improving the security posture of the application.
• Transitive Dependency Updates: Numerous underlying dependencies, including @babel/runtime, @mui/private-theming, @mui/types, @mui/utils, jss, and various jss-plugin-* packages, have been updated to their latest compatible versions.
• React 19 Compatibility: Several @mui packages now include ^19.0.0 in their peerDependencies for react and @types/react, indicating readiness for future React versions.
• New Styling Features: The updated @mui/styles version incorporates backported CSS layers from v7, offering enhanced control and organization for styling.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request upgrades @mui/styles from version 5.10.10 to 5.18.0. This is an automated update from Snyk to resolve a security vulnerability (ReDoS) in a transitive dependency, @babel/runtime. While merging this PR is recommended to patch the vulnerability, I've identified some significant concerns with the project's dependency setup that should be addressed for long-term maintainability:

1. Deprecated Package: The upgraded package, @mui/styles, is deprecated in MUI v5. A migration to a modern styling solution like @mui/system or Emotion is highly recommended.
2. Mixed MUI Versions: The project includes dependencies from both Material-UI v4 (@material-ui/*) and MUI v5 (@mui/*). Using two major versions of a UI library simultaneously is strongly discouraged as it can lead to a bloated bundle size, inconsistent styling, and potential runtime conflicts.

I've added a specific comment on the package.json change regarding the deprecated package. I strongly recommend creating follow-up tasks to migrate fully to MUI v5 and to move away from @mui/styles.

[gemini-code-assist]

While this upgrade is necessary to patch a security vulnerability, it's important to be aware that @mui/styles is a deprecated package in MUI v5. The official MUI documentation recommends migrating to a different styling solution like @mui/system (which is already a dependency in this project) or Emotion (@emotion/react).

Given that the project also has dependencies on the older @material-ui/core (v4), a broader migration effort to consolidate on MUI v5 and remove deprecated packages like this one would significantly improve the project's health and maintainability.