[material-ui][Typography] Migrating from v4 to v5 issue about material-ui HOT 2 OPEN

i have an update
this was my theme provider

export const ThemeProvider = ({ children }: ThemeProviderProps) => (
  <StylesProvider generateClassName={generateClassName}>
    <ProviderTheme theme={theme}>
      <CssBaseline />
      <StyledEngineProvider injectFirst>{children}</StyledEngineProvider>
    </ProviderTheme>
  </StylesProvider>
);

i removed the StyledEngineProvider, i had this before because there was some margins that were getting overwritten, removing this, would use my custom theme, but will put these component scoped styles above it, and at the they get overwritten, so my problem its some kind of order change from v4 to v5, i did follow the entire migration documentation, but i ran out of ideas on how to fix this

from material-ui.