Quiero anular la sombra del cuadro en el pulgar del botón Cambiar para que desaparezca cuando esté deshabilitado. Tenerlo en el objeto del thumb hace que aparezca si está deshabilitado o no. Intenté agregar box-shadow en switchBase y quitarlo de thumb , pero no se ve bien cuando lo hago de esa manera porque también le da estilo al padre, también probé box-sizing: none en la parte deshabilitada de switchBase pero no anula el objeto del thumb . ¿Hay alguna manera de eliminar la sombra del cuadro cuando está deshabilitada, posiblemente un ternario para qué devolver en el objeto del pulgar?

 MuiSwitch: { switchBase: { // thumb when unchecked color: "#F1F1F1", opacity: 1, "&$checked": { // thumb when checked color: MAIN, opacity: 1, // track when checked "& + $track": { backgroundColor: "#DDDDFA", opacity: 0.3, }, "&$disabled": { color: "#BDBDBD", opacity: 0.8, "&$checked": { // thumb when checked and disabled color: MAIN, opacity: 0.6, // track when checked and disabled "& + $track": { backgroundColor: "#DDDDFA", opacity: 0.7, }, }, }, }, }, thumb: { boxShadow: "0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24)" }, checked: {}, track: { backgroundColor: "#000", opacity: 0.24 }, disabled: {}, },