[system][Box, Grid, Typography] `textTransform` prop does not work directly

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The textTransform prop is passed through to the DOM node.

Expected behavior 🤔

The docs for <Box/> says:

The Box component packages all the style functions that are exposed in @mui/system.

Similarly, the docs for <Grid/> and <Typography/> say:

As a CSS utility, the Grid component also supports all system properties. You can use them as props directly on the component.

Over on the sx prop page, it says:

The property is a superset of CSS that packages all the style functions that are exposed in @mui/system. You can specify any valid CSS using this prop.

I interpret that as meaning that any CSS prop that works via the sx prop will also work directly on Box, Grid and Typography.

However this doesn’t appear to be the case for textTransform - it works via sx, but doesn’t directly on Box/Grid/Typography.

Steps to reproduce 🕹

https://codesandbox.io/s/cocky-mayer-intql?file=/src/Demo.tsx:371-372

Context 🔦

No response

Your environment 🌎

No response

[mnajdova]

@patspam there is a list of which CSS properties are available under the Docs’ System section. We do not support all CSS properties as first class props.

[michaldudak]

I just noticed that the same is also true for cursor, which makes me suspect a lot of others are missing too. Is it worth doing an audit of all CSS props? Or am I reading the docs wrong - are Box/Grid/Typography only supposed to contain a subset of all CSS props?

@mnajdova, you would likely know best.