[material-ui] Migrate components to support CSS extraction

[siriwatknp]

Use styled-v6 codemod + edge case manual adjustment for the rest of the components in #41273

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

[mui-bot]

Netlify deploy preview

https://deploy-preview-42001--material-ui.netlify.app/

packages/material-ui/material-ui.production.min.js: parsed: +1.62% , gzip: +0.79% @material-ui/core: parsed: +1.39% , gzip: +0.60% @material-ui/lab: parsed: +1.17% , gzip: +0.47% TextField: parsed: +1.64% , gzip: +0.54% SpeedDialAction: parsed: +1.29% , gzip: +0.54% Link: parsed: +1.96% , gzip: +1.40% Tooltip: parsed: +1.42% , gzip: +0.10% FilledInput: parsed: +1.20% , gzip: +0.75% DialogContentText: parsed: +1.11% , gzip: +1.24% OutlinedInput: parsed: +1.00% , gzip: +0.51% InputAdornment: parsed: +1.02% , gzip: +0.81% DialogTitle: parsed: +0.97% , gzip: +0.76% AlertTitle: parsed: +0.96% , gzip: +0.76% CardHeader: parsed: +0.93% , gzip: +0.70% FormControlLabel: parsed: +0.85% , gzip: +0.60% TimelineOppositeContent: parsed: +0.90% , gzip: +0.79% TimelineContent: parsed: +0.90% , gzip: +0.79% ListItemText: parsed: +0.95% , gzip: +0.58% InputLabel: parsed: +0.92% , gzip: +0.59% Typography: parsed: +0.91% , gzip: +0.69% and 17 more changes

Bundle size report

Details of bundle changes (Toolpad) Details of bundle changes

Generated by :no_entry_sign: dangerJS against 279e4ccca9539f2d548a3701d06a2d8ee4811ed8