[List] Add runtime deprecation warnings

[oliviertassinari]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

No warnings logged when doing:

              <ListItem
                key={childId}
                button
                sx={{ ...item, ...(active && { color: '#4fc3f7' }) }}
              >
                <ListItemIcon sx={{ minWidth: 'auto', mr: 2 }}>{icon}</ListItemIcon>
                <ListItemText>{childId}</ListItemText>
              </ListItem>

Expected Behavior 🤔

A warning is logged

Context 🕹

#26446 (comment)

cc @siriwatknp

[siriwatknp]

good point, will create a PR for this one.

[oliviertassinari]

An example of how it can be done (in the v4-deprecations branch):

https://github.com/mui-org/material-ui/blob/bf65be2e27039f3cf9084577d0a8b7bc772bc52c/packages/material-ui/src/Collapse/Collapse.js#L256-L263

[oliviertassinari]

We talked about this issue during the team meeting on Monday (this week). From what I understand, we won't add a runtime deprecation. Instead, we will update the API generation docs to extract the deprecation from the JSDoc, and render it accordingly on the API pages.

We will add the runtime warnings later on, during v5.x lifecycle.