Direction-aware spacing (LTR/RTL) in v5

It’s more a question, as I couldn’t find any indication of it in current documentation for v5. Is there any plan to support text direction aware spacing utilities? It would simplify cases where an element has assymmetrical X padding/margin. At the moment, the only option I can think of is something like the following:

<Box sx={{
    ml: (theme) => (theme.direction === 'rtl' ? .5 : 1),
    mr: (theme) => (theme.direction === 'rtl' ? 1 : .5)
}}>
    ...
</Box>

Is there a better alternative than the above? If not, what about direction-aware spacing utilities instead, e.g. (ms: margin start, me: margin end):

<Box sx={{ ms: 1, me: .5 }}>...</Box>

[oliviertassinari]

the doc about RTL plugin states you need stylis-plugin-rtl@^1, but you actually need 2.x.

Correct, it has changed since the last time we wrote this documentation. sc needs v1 when emotion needs v2. For sc, we need to wait for v6 https://github.com/styled-components/styled-components/issues/3060. We should probably update the docs.

It looks like stylis-plugin-rtl has no effect on the nested selectors.

@mnajdova I recall you mentioned that the plugin has issues. Is this one you have identified? @goffioul Maybe we should report it to the plugin’s author?

[oliviertassinari]

Is there anything else to do to on this issue? Can we close it? We have updated https://next--material-ui.netlify.app/guides/right-to-left/#3-install-the-rtl-plugin.