He intentado durante un tiempo anular el estilo de un componente, pero solo para una combinación específica de color y/o variante. No puedo encontrar una manera de hacer eso. Tomemos como ejemplo la siguiente alerta:

 <Alert severity="success" variant="outlined">Hello!</Alert>

Quiero anular el color del texto en la alerta solo para la combinación delineada/correcta. Probé con este tema anula y no funciona:

 const theme = createMuiTheme({ components: { MuiAlert: { styleOverrides: { outlined: { severity: { error: { color: "#ffffff", } } } } } } })

¿Qué tiene de malo este enfoque?

Podría obtener lo que necesito agregando un lapso de color como contenido de alerta o podría hacer lo mismo con una clase css, pero creo que estas son soluciones temporales y no soluciones adecuadas, y eliminará cualquier beneficio de un proveedor de temas centralizado.