[zero-runtime] Add RTL support about material-ui

[brijeshb42]

Context usage makes most sense to me given at some point, server context is also available.

[mnajdova]

I'll work on a POC to see how we can do this.

[oliviertassinari]

Considering that in the zero-runtime we won’t have ThemeProvider

How are we supposed to do default component prop changes? https://mui.com/material-ui/customization/theme-components/#theme-default-props

server context is also available

In theory from emotion-js/emotion#2978 (comment), but never used this in prod.

[brijeshb42]

defaultProps provided in the theme object will be copied over to the output bundle statically (only the serializable stuff for the most part). See this.

[oliviertassinari]

Considering that in the zero-runtime we won’t have ThemeProvider

What about this as well? https://mui.com/material-ui/react-use-media-query/#using-material-uis-breakpoint-helpers. It doesn't seem that static extraction should mean that we drop theme nesting support or the theme provider. Issue opened #41255.

Just from a migration perspective, this would make it easier.

[oliviertassinari]

A possible selector we can rely on :dir(rtl) { https://developer.mozilla.org/en-US/docs/Web/CSS/:dir: but browser support doesn't look good enough: https://caniuse.com/?search=dir.