[docs][material-ui] Fix display of colors in dark mode in palette customization page (#47403)

Author: sai6855

docs/data/material/customization/palette/Intentions.js

@@ -1,13 +1,7 @@
 import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
-import {
-  createTheme,
-  ThemeProvider,
-  useTheme,
-  rgbToHex,
-  styled,
-} from '@mui/material/styles';
+import { useTheme, rgbToHex, styled } from '@mui/material/styles';
 
 const Group = styled(Typography)(({ theme }) => ({
   marginTop: theme.spacing(3),
@@ -25,7 +19,7 @@ const Color = styled(Grid)(({ theme }) => ({
   },
 }));
 
-function IntentionsInner() {
+export default function Intentions() {
   const theme = useTheme();
 
   const item = (color, name) => (
@@ -81,19 +75,3 @@ function IntentionsInner() {
     </Box>
   );
 }
-
-export default function Intentions() {
-  const theme = useTheme();
-
-  return (
-    <ThemeProvider
-      theme={createTheme({
-        palette: {
-          mode: theme.palette.mode,
-        },
-      })}
-    >
-      <IntentionsInner />
-    </ThemeProvider>
-  );
-}