[pickers] Stop using the WrapperVariantContext in MonthCalendar and YearCalendar

[flaviendelangle]

Part of #7372

Changelog

Breaking changes

• The modeMobile and modeDesktop classes have been removed from the PickersMonth and PickersYear internal components.

  If you were using those classes on responsive components,
  you can import DEFAULT_DESKTOP_MODE_MEDIA_QUERY from @mui/x-date-pickers or @mui/x-date-pickers-pro (or use your custom media query if any):

   <GlobalStyles
     styles={{
  -    [`.${pickersYearClasses.modeDesktop}`]: {
  -      backgroundColor: 'red'
  -    }
  +    [DEFAULT_DESKTOP_MODE_MEDIA_QUERY]: {
  +      [`.${pickersYearClasses.root}`]: {
  +        backgroundColor: 'red'
  +      }
  +    }
  -    [`.${pickersYearClasses.modeMobile}`]: {
  -      backgroundColor: 'red'
  -    }
  +    [DEFAULT_DESKTOP_MODE_MEDIA_QUERY.replace('@media', '@media not')]: {
  +      [`.${pickersYearClasses.root}`]: {
  +        backgroundColor: 'red'
  +      }
  +    }
     }}
   />

  Works exactly the same way for PickersMonth

[mui-bot]

	Messages
📖	Netlify deploy preview: https://deploy-preview-7382--material-ui-x.netlify.app/

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	672.2	1,161.7	672.2	928.48	179.938
Sort 100k rows	ms	795.5	1,309.1	1,309.1	1,040.2	197.169
Select 100k rows	ms	190.8	329.7	308.1	280.86	51.95
Deselect 100k rows	ms	184.6	354.6	222.5	248.9	61.217

Generated by 🚫 dangerJS against 68edf42

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[LukasTy]

Looking great ❤️
Leaving a few nitpick comments.

[flaviendelangle]

@LukasTy I added a migration guide
I think almost nobody uses this so maybe we can even skip the variable export and hardcode the media query on the diff.

[LukasTy]

Great work! 🚀
This had a lot of small moving parts. 🙈

I added a migration guide
I think almost nobody uses this so maybe we can even skip the variable export and hardcode the media query on the diff.

Indeed, probably 0.1% would have depended on those classes, but better to account for those than to handle issues later down the line. 👍