[ImageListItemBar] Add support for CSS variables

[vicasas]

• I have followed (at least) the PR section of the contributing guide.

one of #32049

Preview: https://deploy-preview-32578--material-ui.netlify.app/experiments/material-ui/card-action-area/

@mui/contributors

[mui-bot]

Details of bundle changes

Generated by 🚫 dangerJS against 6e0b987

[mnajdova]

Seeing

material-ui/packages/mui-material/src/ImageListItemBar/ImageListItemBar.js

Line 44 in 6e0b987

fontFamily: theme.typography.fontFamily,

I am starting to think that maybe we should not skip the whole typography when generating the CSS vars. cc @siriwatknp

Let's resolve this @vicasas, the rest looks good 👍

[vicasas]

Let's resolve this @vicasas, the rest looks good 👍

For this I would have to modify the theme to add support for typography? Why when changing it dry this throws an error #32049 (comment).

After this, would we also include the typography in all other components?

[mnajdova]

Ah, I haven't seen that @siriwatknp already commented to left it now for now in #32049 (comment)

Ok, sorry about this, let's merge this one and come back to the typography in a dedicated PR where we will update it in all components.

[mnajdova]

After this, would we also include the font in all other components?

Yes, if we decide to generate some of the vars, we would update it in all components

[vicasas]

Yes, if we decide to generate some of the vars, we would update it in all components

Perfect, it seems good to me.