Как применить пользовательский className к StepPositionIcon в Material-UI?

Question

Я пытаюсь настроить вертикальный степпер следующим образом:

const theme = createMuiTheme({

  overrides: {
    MuiStepConnector: {
      lineVertical: {
        minHeight: '',
      }
    },
    MuiStepContent: {
      last: {
        borderLeft: ''
      },
    },
    MuiStepIcon: {
      root: {
        '&$active': {
          color: "#fff",
          boxShadow: "0 0 20px rgba(0, 0, 0, 0.14)",
          borderRadius: "100px",
        },
      },
    },
    MuiExpansionPanelSummary: {
      expandIcon: {
        left: 8 * -2,
        transition: 'all .5s ease',
      }
    }
  }
});

Но я не могу переопределить свойства StepPositionIcon, например:

text: {
    fill: theme.palette.primary.contrastText,
    fontSize: theme.typography.caption.fontSize,
    fontFamily: theme.typography.fontFamily
}

Я хочу применить пользовательское имя класса к StepPositionIcon, но не знаете, где применить это изменение? в Stepper, Step или StepLabel?