material ui ThemeProvider CSS для потомков элемента (дочерних элементов) во вложенной теме

Проблема

Для вложенных тем mui начинает добавлять числовые постфиксы для всех стандартных классов, как следствие стили вроде:

input: {
      background: isDarkTheme ? colors.grey50 : colors.primaryWhite,
      borderRadius: 4,
      '& .MuiOutlinedInput-root': {
        borderRadius: 4,
      },
      '& .MuiAutocomplete-input': {
        height: '1.1876em',
      },
    },

-- перестают работать.

Возможное решение

Одним из возможных решений проблемы для описания стилей потомков является использование селекторов типа:

class*="Имя класса"

-- которые фактически описывают с чего должно начинаться имя класса, пример кода:

return createStyles({
    progressIcon: {
      pointerEvents: 'none',
    },
    autocompleteInput: {
      background: isDarkTheme ? colors.grey50 : colors.primaryWhite,
      borderRadius: 4,
      '&[class*="Mui-focused"] [class*="MuiFormLabel-root"][class*="MuiInputLabel-shrink"]': {
        color: colors.primary,
      },
      '& [class*="MuiFormLabel-root"][class*="MuiInputLabel-shrink"][class*="Mui-error"]': {
        color: colors.error,
      },
    },
    errorText: {
      marginLeft: 0,
      marginRight: 0,
    },
  });

Источниик идеи: https://stackoverflow.com/a/61193552