Support prefers-reduced-motion

[mj12albert]

Requires #48325

Enabled with a theme-level config:

const theme = createTheme({
  transitions: {
    reducedMotion: 'system',
  },
});

Component-level opt-out:

<Collapse in={open} disablePrefersReducedMotion />

To preview, emulate prefers-reduced-motion: reduce in Chrome devtools. Animations/transitions on components do not run, and skips as much work as possible:

• Autocomplete
• Button
• Accordion
• Tooltip

Closes #16367

• I have followed (at least) the PR section of the contributing guide.

[code-infra-dashboard]

Bundle size

Bundle	Parsed size	Gzip size
@mui/material	🔺+50B(+0.01%)	▼-74B(-0.05%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/private-theming	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	🔺+181B(+1.20%)	🔺+59B(+1.02%)

Details of bundle changes

Deploy preview

• docs/data/material/components/backdrop/backdrop.md
• docs/data/material/components/dialogs/dialogs.md
• docs/data/material/components/drawers/drawers.md
• docs/data/material/components/menus/menus.md
• docs/data/material/components/popover/popover.md

---

Check out the code infra dashboard for more information about this PR.