[mui-material][mui-system] Drop support for Safari < 14

[LukasTy]

The minimal supported Safari version is 15.4, which means that deprecated solutions catering for older browsers can be dropped.

One such instance is the useMediaQuery hook, using addListener and removeListener:

material-ui/packages/mui-system/src/useMediaQuery/useMediaQuery.ts

Lines 91 to 96 in 941d8f7

	// TODO: Use `addEventListener` once support for Safari < 14 is dropped
	queryList.addListener(updateMatch);
	return () => {
	active = false;
	queryList.removeListener(updateMatch);
	};

https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener

Link to Slack message: https://mui-org.slack.com/archives/C0170JAM7ML/p1716988696389809

At the same time, it would be great to search for other solutions that might no longer be necessary:

• https://github.com/search?q=repo%3Amui%2Fmaterial-ui+%22safari+14%22&type=code

• material-ui/packages/mui-base/src/useSlider/useSlider.ts

  Line 168 in 941d8f7

  // TODO: remove support for Safari < 13.

Search keywords:

[aarongarciah]

@DiegoAndai I haven't found anything worth deleting regarding Safari < 14 support. I'm marking this as closed unless you tell me otherwise.

[DiegoAndai]

Thanks @aarongarciah, I don't find anything either 🙌🏼.

For the record, there are some instances in which we call out for Safari updates, for example:

• https://github.com/search?q=repo%3Amui%2Fmaterial-ui+%22safari+14%22&type=code

• material-ui/packages/mui-base/src/useSlider/useSlider.ts

  Line 168 in 941d8f7

  // TODO: remove support for Safari < 13.

• material-ui/packages/mui-base/src/unstable_useNumberInput/useNumberInput.test.tsx

  Line 13 in 213b5e3

  // userEvent.setup() requires Safari 14 or up to work

But all of them are on the mui-base package, which is the stale one we're not updating.

[LukasTy]

Thanks to both of you for the detailed replies and confirmation regarding the mui-base cases. 😉 🙏 💯