[pigment-css][POC] Performance improvement on mui.com/blog

[siriwatknp]

Goal

Get a real scenario result when the current styled engine (emotion) is replaced with zero-runtime.

/blog	Pages router	App router
emotion	result	result
hybrid (components migrated except sx)		result
zero-runtime		result

Components

These components need to be migrated to opt in to zero-runtime API:

• [x] ⏳ Alert https://github.com/mui/material-ui/pull/41230
• [x] Avatar https://github.com/mui/material-ui/pull/40324
• [x] ⏳ AvatarGroup https://github.com/mui/material-ui/pull/41485
• [ ] Box
• [x] ⏳ Button https://github.com/mui/material-ui/pull/41378
• [ ] Container
• [x] ⏳ Chip https://github.com/mui/material-ui/pull/41592
• [x] ⏳ Divider https://github.com/mui/material-ui/pull/41366
• [x] ⏳ FormLabel https://github.com/mui/material-ui/pull/41613
• [ ] ⏳ FormHelperText (waiting for codemod)
• [x] ⏳ IconButton https://github.com/mui/material-ui/pull/41850
• [ ] ⏳ InputBase
• [ ] ⏳ Link - Need solution for extendSxProp
• [ ] ⏳ Typography - Need solution for extendSxProp
• [ ] ⏳ Paper - uses useTheme
• [x] ⏳ Pagination, PaginationItem https://github.com/mui/material-ui/pull/41848
• [x] ⏳ SvgIcon https://github.com/mui/material-ui/pull/41779

[aacevski]

Is the Input Base ready to be worked on and convereted to support Pigment? If not, what would you suggest I take on next? 🚀