[system] Allow values to use shorter string when the prop name is contained in the value

[mnajdova]

Currently, the API for some of the system props looks awkward as you need to the type the prop name as part of the value.

For example:

<Box sx={{ fontWeight: 'fontWeightRegular', fontFamily: 'fontFamily'}} />

This PR proposes solution for this, so that the definition could look like:

<Box sx={{ fontWeight: 'regular', fontFamily: 'default'}} />

The implementation is done in the following manner. First, the value is looked upon as it was before. If there is no value found, we are trying to prepend the prop name to the value and look for that. If the value was default we are simply looking for the prop name.

This is currently done automatically for all system values. We may add a flag for it and use it whenever we think necessary, but I would say this is good default behavior.

Regarding the naming of the default as it is already a value for some CSS properties, like cursor we may try to think of a different name. However, for the properties we have so far in the system I don't think it will be an issue.

Closes #23192
Closes #17615

[mui-pr-bot]

@material-ui/system: parsed: +2.19% , gzip: +3.18%

Details of bundle changes

Generated by 🚫 dangerJS against 554aba0