No se puede pasar el tema a ” @mui/system ” styled()

Estoy intentando pasar un tema haciendo lo siguiente:

declare module "@mui/styles/defaultTheme" {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  interface DefaultTheme extends Theme {}
}

ReactDOM.render(
  <styledengineprovider injectfirst="">
    <themeprovider theme="{theme}">
      <main></main>
    </themeprovider>
  </styledengineprovider>,
  document.getElementById("root")
);

Luego intento leer el tema haciendo lo siguiente:

import { styled } from "@mui/system";

type StyledTabProps = {
  isActive: boolean;
};

const StyledTab = styled("div", {
  shouldForwardProp: (prop) => prop !== "isActive"
})<styledtabprops>(({ theme, isActive }) => {
  console.log("theme", theme);
  return {
    color: isActive ? "red" : "blue"
  };
});

El tema que intento pasar es diferente al que se muestra en la consola (faltan propiedades en el objeto “palette”).

El problema se puede encontrar en el siguiente enlace:

https://codesandbox.io/s/wandering-https-ubhqs?file=/src/Main.tsx