diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index 1d2ee84a5314f2..d19d051a72b16a 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -4,6 +4,7 @@
   "node": "18",
   "packages": [
     "packages/docs-utils",
+    "packages/markdown",
     "packages/mui-babel-macros",
     "packages/mui-base",
     "packages/mui-codemod",
@@ -33,6 +34,7 @@
     "@mui/core-downloads-tracker": "packages/mui-core-downloads-tracker/build",
     "@mui/icons-material": "packages/mui-icons-material/build",
     "@mui/internal-babel-macros": "packages/mui-babel-macros",
+    "@mui/internal-markdown": "packages/markdown",
     "@mui/internal-scripts": "packages-internal/scripts",
     "@mui/joy": "packages/mui-joy/build",
     "@mui/lab": "packages/mui-lab/build",
diff --git a/babel.config.js b/babel.config.js
index b93f8a9311a167..41c75df442e2f2 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -22,7 +22,7 @@ module.exports = function getBabelConfig(api) {
       `./packages/mui-icons-material/lib${useESModules ? '/esm' : ''}`,
     ),
     '@mui/lab': resolveAliasPath('./packages/mui-lab/src'),
-    '@mui/markdown': resolveAliasPath('./packages/markdown'),
+    '@mui/internal-markdown': resolveAliasPath('./packages/markdown'),
     '@mui/styled-engine': resolveAliasPath('./packages/mui-styled-engine/src'),
     '@mui/styled-engine-sc': resolveAliasPath('./packages/mui-styled-engine-sc/src'),
     '@mui/styles': resolveAliasPath('./packages/mui-styles/src'),
diff --git a/docs/lib/sourcing.ts b/docs/lib/sourcing.ts
index b35f5413a5cf2e..3c3678f9810ea4 100644
--- a/docs/lib/sourcing.ts
+++ b/docs/lib/sourcing.ts
@@ -1,6 +1,6 @@
 import fs from 'fs';
 import path from 'path';
-import { getHeaders } from '@mui/markdown';
+import { getHeaders } from '@mui/internal-markdown';
 
 const blogDir = path.join(process.cwd(), 'pages/blog');
 
diff --git a/docs/next.config.mjs b/docs/next.config.mjs
index 87531b1a2cf1c8..a0ec4b89d6df8c 100644
--- a/docs/next.config.mjs
+++ b/docs/next.config.mjs
@@ -129,14 +129,33 @@ export default withDocsInfra({
             test: /\.md$/,
             oneOf: [
               {
-                resourceQuery: /@mui\/markdown/,
+                resourceQuery: /muiMarkdown/,
                 use: [
                   options.defaultLoaders.babel,
                   {
-                    loader: require.resolve('@mui/markdown/loader'),
+                    loader: require.resolve('@mui/internal-markdown/loader'),
                     options: {
+                      workspaceRoot,
                       ignoreLanguagePages: LANGUAGES_IGNORE_PAGES,
                       languagesInProgress: LANGUAGES_IN_PROGRESS,
+                      packages: [
+                        {
+                          productId: 'material-ui',
+                          paths: [
+                            path.join(workspaceRoot, 'packages/mui-base/src'),
+                            path.join(workspaceRoot, 'packages/mui-lab/src'),
+                            path.join(workspaceRoot, 'packages/mui-material/src'),
+                          ],
+                        },
+                        {
+                          productId: 'base-ui',
+                          paths: [path.join(workspaceRoot, 'packages/mui-base/src')],
+                        },
+                        {
+                          productId: 'joy-ui',
+                          paths: [path.join(workspaceRoot, 'packages/mui-joy/src')],
+                        },
+                      ],
                       env: {
                         SOURCE_CODE_REPO: options.config.env.SOURCE_CODE_REPO,
                         LIB_VERSION: options.config.env.LIB_VERSION,
diff --git a/docs/package.json b/docs/package.json
index d58ecec1b0b5cd..e74f4b0ea4ba69 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -36,7 +36,7 @@
     "@mui/icons-material": "workspace:^",
     "@mui/joy": "workspace:*",
     "@mui/lab": "workspace:*",
-    "@mui/markdown": "workspace:^",
+    "@mui/internal-markdown": "workspace:^",
     "@mui/material": "workspace:^",
     "@mui/material-next": "workspace:*",
     "@mui/styled-engine": "workspace:^",
diff --git a/docs/pages/base-ui/all-components/index.js b/docs/pages/base-ui/all-components/index.js
index eb5cdf8793bdeb..3501384eead7ca 100644
--- a/docs/pages/base-ui/all-components/index.js
+++ b/docs/pages/base-ui/all-components/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/all-components/all-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/all-components/all-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
diff --git a/docs/pages/base-ui/getting-started/accessibility.js b/docs/pages/base-ui/getting-started/accessibility.js
index 0a2db71b65440b..7138755efc7808 100644
--- a/docs/pages/base-ui/getting-started/accessibility.js
+++ b/docs/pages/base-ui/getting-started/accessibility.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/getting-started/accessibility/accessibility.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/getting-started/accessibility/accessibility.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/base-ui/getting-started/customization.js b/docs/pages/base-ui/getting-started/customization.js
index e957153883b78c..6451d0899daf37 100644
--- a/docs/pages/base-ui/getting-started/customization.js
+++ b/docs/pages/base-ui/getting-started/customization.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/getting-started/customization/customization.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/getting-started/customization/customization.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/base-ui/getting-started/index.js b/docs/pages/base-ui/getting-started/index.js
index b58ce6dc8e7d57..c5a42645269d1d 100644
--- a/docs/pages/base-ui/getting-started/index.js
+++ b/docs/pages/base-ui/getting-started/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/getting-started/overview/overview.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/getting-started/overview/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/base-ui/getting-started/quickstart.js b/docs/pages/base-ui/getting-started/quickstart.js
index 29e78f295ddea7..e4a25f73c3244d 100644
--- a/docs/pages/base-ui/getting-started/quickstart.js
+++ b/docs/pages/base-ui/getting-started/quickstart.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/getting-started/quickstart/quickstart.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/getting-started/quickstart/quickstart.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/base-ui/getting-started/support.js b/docs/pages/base-ui/getting-started/support.js
index 3189b282ae4013..dbcfa1cb3f0bf7 100644
--- a/docs/pages/base-ui/getting-started/support.js
+++ b/docs/pages/base-ui/getting-started/support.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/base/getting-started/support/support.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/getting-started/support/support.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/base-ui/getting-started/usage.js b/docs/pages/base-ui/getting-started/usage.js
index 0d69b588149af9..3fc034304a3417 100644
--- a/docs/pages/base-ui/getting-started/usage.js
+++ b/docs/pages/base-ui/getting-started/usage.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/getting-started/usage/usage.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/getting-started/usage/usage.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/base-ui/guides/next-js-app-router.js b/docs/pages/base-ui/guides/next-js-app-router.js
index f014e355697f53..72307b47e5d7ae 100644
--- a/docs/pages/base-ui/guides/next-js-app-router.js
+++ b/docs/pages/base-ui/guides/next-js-app-router.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/base/guides/next-js-app-router/next-js-app-router.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/guides/next-js-app-router/next-js-app-router.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/base-ui/guides/overriding-component-structure.js b/docs/pages/base-ui/guides/overriding-component-structure.js
index 5a1ea2d8c934f1..766aeb9de1994e 100644
--- a/docs/pages/base-ui/guides/overriding-component-structure.js
+++ b/docs/pages/base-ui/guides/overriding-component-structure.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/base/guides/overriding-component-structure/overriding-component-structure.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/guides/overriding-component-structure/overriding-component-structure.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/base-ui/guides/working-with-tailwind-css.js b/docs/pages/base-ui/guides/working-with-tailwind-css.js
index 3ba1ff812fc256..3d5bdaa5774359 100644
--- a/docs/pages/base-ui/guides/working-with-tailwind-css.js
+++ b/docs/pages/base-ui/guides/working-with-tailwind-css.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/base-ui/react-accordion/index.js b/docs/pages/base-ui/react-accordion/index.js
index 44817b268be5a8..1e772125a466a2 100644
--- a/docs/pages/base-ui/react-accordion/index.js
+++ b/docs/pages/base-ui/react-accordion/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/accordion/accordion.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/accordion/accordion.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-autocomplete/[docsTab]/index.js b/docs/pages/base-ui/react-autocomplete/[docsTab]/index.js
index 5d72f2cf4dbb19..d3e8626fa47a26 100644
--- a/docs/pages/base-ui/react-autocomplete/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-autocomplete/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/autocomplete/autocomplete.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/autocomplete/autocomplete.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import useAutocompleteApiJsonPageContent from '../../api/use-autocomplete.json';
 
diff --git a/docs/pages/base-ui/react-autocomplete/index.js b/docs/pages/base-ui/react-autocomplete/index.js
index aa57822e6fb34f..5e36d082f953f3 100644
--- a/docs/pages/base-ui/react-autocomplete/index.js
+++ b/docs/pages/base-ui/react-autocomplete/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/autocomplete/autocomplete.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/autocomplete/autocomplete.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-badge/[docsTab]/index.js b/docs/pages/base-ui/react-badge/[docsTab]/index.js
index 188233bdcb5e14..df9fd7343aa9b5 100644
--- a/docs/pages/base-ui/react-badge/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-badge/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/badge/badge.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/badge/badge.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import BadgeApiJsonPageContent from '../../api/badge.json';
 import useBadgeApiJsonPageContent from '../../api/use-badge.json';
diff --git a/docs/pages/base-ui/react-badge/index.js b/docs/pages/base-ui/react-badge/index.js
index 86e8818d3f63cd..f070a8d7d4a7a8 100644
--- a/docs/pages/base-ui/react-badge/index.js
+++ b/docs/pages/base-ui/react-badge/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/badge/badge.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/badge/badge.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-button/[docsTab]/index.js b/docs/pages/base-ui/react-button/[docsTab]/index.js
index 9c7643f592dbd5..5cbf74aa5b341b 100644
--- a/docs/pages/base-ui/react-button/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-button/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/button/button.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/button/button.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import ButtonApiJsonPageContent from '../../api/button.json';
 import useButtonApiJsonPageContent from '../../api/use-button.json';
diff --git a/docs/pages/base-ui/react-button/index.js b/docs/pages/base-ui/react-button/index.js
index f2c13c1dcdd1a8..7560897ad96c06 100644
--- a/docs/pages/base-ui/react-button/index.js
+++ b/docs/pages/base-ui/react-button/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/button/button.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/button/button.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-checkbox/index.js b/docs/pages/base-ui/react-checkbox/index.js
index a1743d1ff0d64d..d6a46c6d45793c 100644
--- a/docs/pages/base-ui/react-checkbox/index.js
+++ b/docs/pages/base-ui/react-checkbox/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/checkbox/checkbox.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/checkbox/checkbox.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-click-away-listener/[docsTab]/index.js b/docs/pages/base-ui/react-click-away-listener/[docsTab]/index.js
index d46d140e106527..88af6003c2b282 100644
--- a/docs/pages/base-ui/react-click-away-listener/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-click-away-listener/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/click-away-listener/click-away-listener.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/click-away-listener/click-away-listener.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import ClickAwayListenerApiJsonPageContent from '../../api/click-away-listener.json';
 
diff --git a/docs/pages/base-ui/react-click-away-listener/index.js b/docs/pages/base-ui/react-click-away-listener/index.js
index 6162e98c7289ef..8d12adea2775a4 100644
--- a/docs/pages/base-ui/react-click-away-listener/index.js
+++ b/docs/pages/base-ui/react-click-away-listener/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/click-away-listener/click-away-listener.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/click-away-listener/click-away-listener.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-drawer/index.js b/docs/pages/base-ui/react-drawer/index.js
index 6fb9242afc0d76..4cc332594d6d2c 100644
--- a/docs/pages/base-ui/react-drawer/index.js
+++ b/docs/pages/base-ui/react-drawer/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/drawer/drawer.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/drawer/drawer.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-focus-trap/[docsTab]/index.js b/docs/pages/base-ui/react-focus-trap/[docsTab]/index.js
index 03927e42da7038..2d0060ce723be8 100644
--- a/docs/pages/base-ui/react-focus-trap/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-focus-trap/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/focus-trap/focus-trap.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/focus-trap/focus-trap.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import FocusTrapApiJsonPageContent from '../../api/focus-trap.json';
 
diff --git a/docs/pages/base-ui/react-focus-trap/index.js b/docs/pages/base-ui/react-focus-trap/index.js
index 3ba028dd0d3c95..1181c1aa97d16f 100644
--- a/docs/pages/base-ui/react-focus-trap/index.js
+++ b/docs/pages/base-ui/react-focus-trap/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/focus-trap/focus-trap.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/focus-trap/focus-trap.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-form-control/[docsTab]/index.js b/docs/pages/base-ui/react-form-control/[docsTab]/index.js
index 8dd14863c6129f..f48d57b151b636 100644
--- a/docs/pages/base-ui/react-form-control/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-form-control/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/form-control/form-control.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/form-control/form-control.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import FormControlApiJsonPageContent from '../../api/form-control.json';
 import useFormControlContextApiJsonPageContent from '../../api/use-form-control-context.json';
diff --git a/docs/pages/base-ui/react-form-control/index.js b/docs/pages/base-ui/react-form-control/index.js
index 399bf6b0e75211..0a228949f2cd17 100644
--- a/docs/pages/base-ui/react-form-control/index.js
+++ b/docs/pages/base-ui/react-form-control/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/form-control/form-control.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/form-control/form-control.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-input/[docsTab]/index.js b/docs/pages/base-ui/react-input/[docsTab]/index.js
index 2e3080620db1ee..58c194b16044a6 100644
--- a/docs/pages/base-ui/react-input/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-input/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/input/input.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/input/input.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import InputApiJsonPageContent from '../../api/input.json';
 import useInputApiJsonPageContent from '../../api/use-input.json';
diff --git a/docs/pages/base-ui/react-input/index.js b/docs/pages/base-ui/react-input/index.js
index dac996ce0bc1b4..b854b1989512d2 100644
--- a/docs/pages/base-ui/react-input/index.js
+++ b/docs/pages/base-ui/react-input/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/input/input.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/input/input.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-menu/[docsTab]/index.js b/docs/pages/base-ui/react-menu/[docsTab]/index.js
index 113726f945b35e..8acbf119aa346d 100644
--- a/docs/pages/base-ui/react-menu/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-menu/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/menu/menu.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/menu/menu.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import DropdownApiJsonPageContent from '../../api/dropdown.json';
 import MenuApiJsonPageContent from '../../api/menu.json';
diff --git a/docs/pages/base-ui/react-menu/index.js b/docs/pages/base-ui/react-menu/index.js
index 812223cec6e5f2..965a415cf25182 100644
--- a/docs/pages/base-ui/react-menu/index.js
+++ b/docs/pages/base-ui/react-menu/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/menu/menu.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/menu/menu.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-modal/[docsTab]/index.js b/docs/pages/base-ui/react-modal/[docsTab]/index.js
index ca7f56b6b4c6c4..c85815b52de2b5 100644
--- a/docs/pages/base-ui/react-modal/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-modal/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/modal/modal.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/modal/modal.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import ModalApiJsonPageContent from '../../api/modal.json';
 import useModalApiJsonPageContent from '../../api/use-modal.json';
diff --git a/docs/pages/base-ui/react-modal/index.js b/docs/pages/base-ui/react-modal/index.js
index 96cc897997dcdb..646520b7a50fff 100644
--- a/docs/pages/base-ui/react-modal/index.js
+++ b/docs/pages/base-ui/react-modal/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/modal/modal.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/modal/modal.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-no-ssr/[docsTab]/index.js b/docs/pages/base-ui/react-no-ssr/[docsTab]/index.js
index a629d120ee401b..ec5d0195d03752 100644
--- a/docs/pages/base-ui/react-no-ssr/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-no-ssr/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/no-ssr/no-ssr.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/no-ssr/no-ssr.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import NoSsrApiJsonPageContent from '../../api/no-ssr.json';
 
diff --git a/docs/pages/base-ui/react-no-ssr/index.js b/docs/pages/base-ui/react-no-ssr/index.js
index 2302a384230566..69dfc8432a4d4b 100644
--- a/docs/pages/base-ui/react-no-ssr/index.js
+++ b/docs/pages/base-ui/react-no-ssr/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/no-ssr/no-ssr.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/no-ssr/no-ssr.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-number-input/[docsTab]/index.js b/docs/pages/base-ui/react-number-input/[docsTab]/index.js
index 389fe3c553f5fb..97e7a38d94d7a5 100644
--- a/docs/pages/base-ui/react-number-input/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-number-input/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/number-input/number-input.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/number-input/number-input.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import NumberInputApiJsonPageContent from '../../api/number-input.json';
 import useNumberInputApiJsonPageContent from '../../api/use-number-input.json';
diff --git a/docs/pages/base-ui/react-number-input/index.js b/docs/pages/base-ui/react-number-input/index.js
index 124fb94411844c..3956d8ffcc5a94 100644
--- a/docs/pages/base-ui/react-number-input/index.js
+++ b/docs/pages/base-ui/react-number-input/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/number-input/number-input.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/number-input/number-input.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-pagination/index.js b/docs/pages/base-ui/react-pagination/index.js
index 6802aa65bdba1c..a11ac346a60676 100644
--- a/docs/pages/base-ui/react-pagination/index.js
+++ b/docs/pages/base-ui/react-pagination/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/pagination/pagination.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/pagination/pagination.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-popper/[docsTab]/index.js b/docs/pages/base-ui/react-popper/[docsTab]/index.js
index 6148a95ea187ee..2e3c0be4d8a848 100644
--- a/docs/pages/base-ui/react-popper/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-popper/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/popper/popper.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/popper/popper.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import PopperApiJsonPageContent from '../../api/popper.json';
 
diff --git a/docs/pages/base-ui/react-popper/index.js b/docs/pages/base-ui/react-popper/index.js
index 8a8319d9ecc240..7e95fbe91b5d70 100644
--- a/docs/pages/base-ui/react-popper/index.js
+++ b/docs/pages/base-ui/react-popper/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/popper/popper.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/popper/popper.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-popup/[docsTab]/index.js b/docs/pages/base-ui/react-popup/[docsTab]/index.js
index ca1a4dd034f095..c3d91d7429cf8f 100644
--- a/docs/pages/base-ui/react-popup/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-popup/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/popup/popup.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/popup/popup.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import PopupApiJsonPageContent from '../../api/popup.json';
 
diff --git a/docs/pages/base-ui/react-popup/index.js b/docs/pages/base-ui/react-popup/index.js
index 28af2fb75d4437..f55b122641b0a9 100644
--- a/docs/pages/base-ui/react-popup/index.js
+++ b/docs/pages/base-ui/react-popup/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/popup/popup.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/popup/popup.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-portal/[docsTab]/index.js b/docs/pages/base-ui/react-portal/[docsTab]/index.js
index aa838d01a0c8ae..d63609efe83c00 100644
--- a/docs/pages/base-ui/react-portal/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-portal/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/portal/portal.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/portal/portal.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import PortalApiJsonPageContent from '../../api/portal.json';
 
diff --git a/docs/pages/base-ui/react-portal/index.js b/docs/pages/base-ui/react-portal/index.js
index c8e566aa79b891..92d17f5ba595a4 100644
--- a/docs/pages/base-ui/react-portal/index.js
+++ b/docs/pages/base-ui/react-portal/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/portal/portal.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/portal/portal.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-radio-group/index.js b/docs/pages/base-ui/react-radio-group/index.js
index 79f977b2ab7f4f..fb0cece6ec17ac 100644
--- a/docs/pages/base-ui/react-radio-group/index.js
+++ b/docs/pages/base-ui/react-radio-group/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/radio-group/radio-group.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/radio-group/radio-group.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-rating/index.js b/docs/pages/base-ui/react-rating/index.js
index fe97e0880eeb74..79060a31ff4199 100644
--- a/docs/pages/base-ui/react-rating/index.js
+++ b/docs/pages/base-ui/react-rating/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/rating/rating.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/rating/rating.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-select/[docsTab]/index.js b/docs/pages/base-ui/react-select/[docsTab]/index.js
index 6d76c73f1b194d..c5ed80442efb96 100644
--- a/docs/pages/base-ui/react-select/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-select/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/select/select.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/select/select.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import OptionApiJsonPageContent from '../../api/option.json';
 import OptionGroupApiJsonPageContent from '../../api/option-group.json';
diff --git a/docs/pages/base-ui/react-select/index.js b/docs/pages/base-ui/react-select/index.js
index 4dfc1a86b53cbc..84cbbea62d3af3 100644
--- a/docs/pages/base-ui/react-select/index.js
+++ b/docs/pages/base-ui/react-select/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/select/select.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/select/select.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-slider/[docsTab]/index.js b/docs/pages/base-ui/react-slider/[docsTab]/index.js
index 0eec7cf1c76f36..dc0b6028f3dae0 100644
--- a/docs/pages/base-ui/react-slider/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-slider/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/slider/slider.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/slider/slider.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import SliderApiJsonPageContent from '../../api/slider.json';
 import useSliderApiJsonPageContent from '../../api/use-slider.json';
diff --git a/docs/pages/base-ui/react-slider/index.js b/docs/pages/base-ui/react-slider/index.js
index 317fe79096011a..9a6b5613580a07 100644
--- a/docs/pages/base-ui/react-slider/index.js
+++ b/docs/pages/base-ui/react-slider/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/slider/slider.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/slider/slider.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-snackbar/[docsTab]/index.js b/docs/pages/base-ui/react-snackbar/[docsTab]/index.js
index c776c5e051136e..736bc1e0f05b57 100644
--- a/docs/pages/base-ui/react-snackbar/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-snackbar/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/snackbar/snackbar.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/snackbar/snackbar.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import SnackbarApiJsonPageContent from '../../api/snackbar.json';
 import useSnackbarApiJsonPageContent from '../../api/use-snackbar.json';
diff --git a/docs/pages/base-ui/react-snackbar/index.js b/docs/pages/base-ui/react-snackbar/index.js
index f5273de09bf459..f943880033e3d5 100644
--- a/docs/pages/base-ui/react-snackbar/index.js
+++ b/docs/pages/base-ui/react-snackbar/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/snackbar/snackbar.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/snackbar/snackbar.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-switch/[docsTab]/index.js b/docs/pages/base-ui/react-switch/[docsTab]/index.js
index 8756fb8249b3d4..d420993cb30449 100644
--- a/docs/pages/base-ui/react-switch/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-switch/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/switch/switch.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/switch/switch.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import SwitchApiJsonPageContent from '../../api/switch.json';
 import useSwitchApiJsonPageContent from '../../api/use-switch.json';
diff --git a/docs/pages/base-ui/react-switch/index.js b/docs/pages/base-ui/react-switch/index.js
index 5d2ec1bbeabe68..0c1441bca1c6c7 100644
--- a/docs/pages/base-ui/react-switch/index.js
+++ b/docs/pages/base-ui/react-switch/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/switch/switch.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/switch/switch.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-table-pagination/[docsTab]/index.js b/docs/pages/base-ui/react-table-pagination/[docsTab]/index.js
index 00032832e78fa6..4598c06a89ccad 100644
--- a/docs/pages/base-ui/react-table-pagination/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-table-pagination/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/table-pagination/table-pagination.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/table-pagination/table-pagination.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import TablePaginationApiJsonPageContent from '../../api/table-pagination.json';
 
diff --git a/docs/pages/base-ui/react-table-pagination/index.js b/docs/pages/base-ui/react-table-pagination/index.js
index 228317b3fb96f4..550c368f88dfae 100644
--- a/docs/pages/base-ui/react-table-pagination/index.js
+++ b/docs/pages/base-ui/react-table-pagination/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/table-pagination/table-pagination.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/table-pagination/table-pagination.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-tabs/[docsTab]/index.js b/docs/pages/base-ui/react-tabs/[docsTab]/index.js
index 6f7020450b338f..6d6713e668c05b 100644
--- a/docs/pages/base-ui/react-tabs/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-tabs/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/tabs/tabs.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/tabs/tabs.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import TabApiJsonPageContent from '../../api/tab.json';
 import TabPanelApiJsonPageContent from '../../api/tab-panel.json';
diff --git a/docs/pages/base-ui/react-tabs/index.js b/docs/pages/base-ui/react-tabs/index.js
index 4ba36d6200aa94..09f551b94827ec 100644
--- a/docs/pages/base-ui/react-tabs/index.js
+++ b/docs/pages/base-ui/react-tabs/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/tabs/tabs.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/tabs/tabs.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-textarea-autosize/[docsTab]/index.js b/docs/pages/base-ui/react-textarea-autosize/[docsTab]/index.js
index 1bfce7a176e5b6..97ca211815fee6 100644
--- a/docs/pages/base-ui/react-textarea-autosize/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-textarea-autosize/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/textarea-autosize/textarea-autosize.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/textarea-autosize/textarea-autosize.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import TextareaAutosizeApiJsonPageContent from '../../api/textarea-autosize.json';
 
diff --git a/docs/pages/base-ui/react-textarea-autosize/index.js b/docs/pages/base-ui/react-textarea-autosize/index.js
index 27cc912d0c6290..92ae1710f5649a 100644
--- a/docs/pages/base-ui/react-textarea-autosize/index.js
+++ b/docs/pages/base-ui/react-textarea-autosize/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/textarea-autosize/textarea-autosize.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/textarea-autosize/textarea-autosize.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-toggle-button-group/index.js b/docs/pages/base-ui/react-toggle-button-group/index.js
index 76f96fe04395aa..80735eb90bf9d3 100644
--- a/docs/pages/base-ui/react-toggle-button-group/index.js
+++ b/docs/pages/base-ui/react-toggle-button-group/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/toggle-button-group/toggle-button-group.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/toggle-button-group/toggle-button-group.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-tooltip/index.js b/docs/pages/base-ui/react-tooltip/index.js
index 16217c806fdbde..7cba12f175194b 100644
--- a/docs/pages/base-ui/react-tooltip/index.js
+++ b/docs/pages/base-ui/react-tooltip/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/tooltip/tooltip.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/tooltip/tooltip.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/base-ui/react-transitions/[docsTab]/index.js b/docs/pages/base-ui/react-transitions/[docsTab]/index.js
index e4221081c824d6..e3b33ceafd3ef9 100644
--- a/docs/pages/base-ui/react-transitions/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-transitions/[docsTab]/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/transitions/transitions.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/transitions/transitions.md?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import CssAnimationApiJsonPageContent from '../../api/css-animation.json';
 import CssTransitionApiJsonPageContent from '../../api/css-transition.json';
diff --git a/docs/pages/base-ui/react-transitions/index.js b/docs/pages/base-ui/react-transitions/index.js
index e54e35fedb79c8..5d10b66d6e70a5 100644
--- a/docs/pages/base-ui/react-transitions/index.js
+++ b/docs/pages/base-ui/react-transitions/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/base/components/transitions/transitions.md?@mui/markdown';
+import * as pageProps from 'docs/data/base/components/transitions/transitions.md?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
diff --git a/docs/pages/blog/2019-developer-survey-results.js b/docs/pages/blog/2019-developer-survey-results.js
index 88dd0965500096..fe5d623ad6bd09 100644
--- a/docs/pages/blog/2019-developer-survey-results.js
+++ b/docs/pages/blog/2019-developer-survey-results.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2019-developer-survey-results.md?@mui/markdown';
+import { docs } from './2019-developer-survey-results.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2019.js b/docs/pages/blog/2019.js
index ddd78b798bc2ea..58c78f54c1b2b3 100644
--- a/docs/pages/blog/2019.js
+++ b/docs/pages/blog/2019.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2019.md?@mui/markdown';
+import { docs } from './2019.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2020-developer-survey-results.js b/docs/pages/blog/2020-developer-survey-results.js
index 61dbe4b6c18f9f..89972c75572f87 100644
--- a/docs/pages/blog/2020-developer-survey-results.js
+++ b/docs/pages/blog/2020-developer-survey-results.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2020-developer-survey-results.md?@mui/markdown';
+import { docs } from './2020-developer-survey-results.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2020-introducing-sketch.js b/docs/pages/blog/2020-introducing-sketch.js
index 0980c84524e3c9..58871495a8eebb 100644
--- a/docs/pages/blog/2020-introducing-sketch.js
+++ b/docs/pages/blog/2020-introducing-sketch.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2020-introducing-sketch.md?@mui/markdown';
+import { docs } from './2020-introducing-sketch.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2020-q1-update.js b/docs/pages/blog/2020-q1-update.js
index ea5bc3b3327823..c6407621e44167 100644
--- a/docs/pages/blog/2020-q1-update.js
+++ b/docs/pages/blog/2020-q1-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2020-q1-update.md?@mui/markdown';
+import { docs } from './2020-q1-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2020-q2-update.js b/docs/pages/blog/2020-q2-update.js
index a80a723f738af9..2b9fe04380eed4 100644
--- a/docs/pages/blog/2020-q2-update.js
+++ b/docs/pages/blog/2020-q2-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2020-q2-update.md?@mui/markdown';
+import { docs } from './2020-q2-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2020-q3-update.js b/docs/pages/blog/2020-q3-update.js
index 7ef626f91188e4..82012ab3d8ff1e 100644
--- a/docs/pages/blog/2020-q3-update.js
+++ b/docs/pages/blog/2020-q3-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2020-q3-update.md?@mui/markdown';
+import { docs } from './2020-q3-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2020.js b/docs/pages/blog/2020.js
index d44b4904e98c31..efdb2d101ef289 100644
--- a/docs/pages/blog/2020.js
+++ b/docs/pages/blog/2020.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2020.md?@mui/markdown';
+import { docs } from './2020.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2021-developer-survey-results.js b/docs/pages/blog/2021-developer-survey-results.js
index 85d9faf93cc0b2..6f87b24b67acfe 100644
--- a/docs/pages/blog/2021-developer-survey-results.js
+++ b/docs/pages/blog/2021-developer-survey-results.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2021-developer-survey-results.md?@mui/markdown';
+import { docs } from './2021-developer-survey-results.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2021-q1-update.js b/docs/pages/blog/2021-q1-update.js
index 6ed19c06da619c..fd97f7e345842b 100644
--- a/docs/pages/blog/2021-q1-update.js
+++ b/docs/pages/blog/2021-q1-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2021-q1-update.md?@mui/markdown';
+import { docs } from './2021-q1-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2021-q2-update.js b/docs/pages/blog/2021-q2-update.js
index 5afab0a64d20c5..7c5e2751324c90 100644
--- a/docs/pages/blog/2021-q2-update.js
+++ b/docs/pages/blog/2021-q2-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2021-q2-update.md?@mui/markdown';
+import { docs } from './2021-q2-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2021-q3-update.js b/docs/pages/blog/2021-q3-update.js
index bda0af306eb624..b54079b7438b71 100644
--- a/docs/pages/blog/2021-q3-update.js
+++ b/docs/pages/blog/2021-q3-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2021-q3-update.md?@mui/markdown';
+import { docs } from './2021-q3-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2021.js b/docs/pages/blog/2021.js
index 34fc37df30f5dc..35caa8a6fe512b 100644
--- a/docs/pages/blog/2021.js
+++ b/docs/pages/blog/2021.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2021.md?@mui/markdown';
+import { docs } from './2021.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2022-tenerife-retreat.js b/docs/pages/blog/2022-tenerife-retreat.js
index 7e62d9f4a56c1c..225fc8d1a13a3b 100644
--- a/docs/pages/blog/2022-tenerife-retreat.js
+++ b/docs/pages/blog/2022-tenerife-retreat.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2022-tenerife-retreat.md?@mui/markdown';
+import { docs } from './2022-tenerife-retreat.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2023-chamonix-retreat.js b/docs/pages/blog/2023-chamonix-retreat.js
index 3df94dcef3360e..0b5bcb5b121ffd 100644
--- a/docs/pages/blog/2023-chamonix-retreat.js
+++ b/docs/pages/blog/2023-chamonix-retreat.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2023-chamonix-retreat.md?@mui/markdown';
+import { docs } from './2023-chamonix-retreat.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2023-material-ui-v6-and-beyond.js b/docs/pages/blog/2023-material-ui-v6-and-beyond.js
index 0aedcf6775cd75..aa35778d73eba0 100644
--- a/docs/pages/blog/2023-material-ui-v6-and-beyond.js
+++ b/docs/pages/blog/2023-material-ui-v6-and-beyond.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2023-material-ui-v6-and-beyond.md?@mui/markdown';
+import { docs } from './2023-material-ui-v6-and-beyond.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2023-mui-values.js b/docs/pages/blog/2023-mui-values.js
index f3ac9c68dd4704..02817124960530 100644
--- a/docs/pages/blog/2023-mui-values.js
+++ b/docs/pages/blog/2023-mui-values.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2023-mui-values.md?@mui/markdown';
+import { docs } from './2023-mui-values.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2023-phuket-retreat.js b/docs/pages/blog/2023-phuket-retreat.js
index c99f660d27e825..8e88918fd41ec6 100644
--- a/docs/pages/blog/2023-phuket-retreat.js
+++ b/docs/pages/blog/2023-phuket-retreat.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2023-phuket-retreat.md?@mui/markdown';
+import { docs } from './2023-phuket-retreat.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/2023-toolpad-beta-announcement.js b/docs/pages/blog/2023-toolpad-beta-announcement.js
index fd6293009b9733..7d899c220088a4 100644
--- a/docs/pages/blog/2023-toolpad-beta-announcement.js
+++ b/docs/pages/blog/2023-toolpad-beta-announcement.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './2023-toolpad-beta-announcement.md?@mui/markdown';
+import { docs } from './2023-toolpad-beta-announcement.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/aggregation-functions.js b/docs/pages/blog/aggregation-functions.js
index 886992bcf5794c..19a980a76d5158 100644
--- a/docs/pages/blog/aggregation-functions.js
+++ b/docs/pages/blog/aggregation-functions.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './aggregation-functions.md?@mui/markdown';
+import { docs } from './aggregation-functions.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/april-2019-update.js b/docs/pages/blog/april-2019-update.js
index 1b86516fcc54aa..6e8ae8aad46a19 100644
--- a/docs/pages/blog/april-2019-update.js
+++ b/docs/pages/blog/april-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './april-2019-update.md?@mui/markdown';
+import { docs } from './april-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/august-2019-update.js b/docs/pages/blog/august-2019-update.js
index 6d4dfb53bc182b..75fec6715a09f6 100644
--- a/docs/pages/blog/august-2019-update.js
+++ b/docs/pages/blog/august-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './august-2019-update.md?@mui/markdown';
+import { docs } from './august-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/base-ui-2024-plans.js b/docs/pages/blog/base-ui-2024-plans.js
index 5771acb469ce5e..14608375caddc6 100644
--- a/docs/pages/blog/base-ui-2024-plans.js
+++ b/docs/pages/blog/base-ui-2024-plans.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './base-ui-2024-plans.md?@mui/markdown';
+import { docs } from './base-ui-2024-plans.md?muiMarkdown';
 
 export default function Page() {
-  return <TopLayoutBlog {...docs} />;
+  return <TopLayoutBlog docs={docs} />;
 }
diff --git a/docs/pages/blog/benny-joo-joining.js b/docs/pages/blog/benny-joo-joining.js
index 46fad4ac41562a..626624151c94c9 100644
--- a/docs/pages/blog/benny-joo-joining.js
+++ b/docs/pages/blog/benny-joo-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './benny-joo-joining.md?@mui/markdown';
+import { docs } from './benny-joo-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/build-layouts-faster-with-grid-v2.js b/docs/pages/blog/build-layouts-faster-with-grid-v2.js
index 7c328724ac0226..64caa18325bdeb 100644
--- a/docs/pages/blog/build-layouts-faster-with-grid-v2.js
+++ b/docs/pages/blog/build-layouts-faster-with-grid-v2.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './build-layouts-faster-with-grid-v2.md?@mui/markdown';
+import { docs } from './build-layouts-faster-with-grid-v2.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/callback-support-in-style-overrides.js b/docs/pages/blog/callback-support-in-style-overrides.js
index d4410a841d3bd7..2a9ef7273c5f21 100644
--- a/docs/pages/blog/callback-support-in-style-overrides.js
+++ b/docs/pages/blog/callback-support-in-style-overrides.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './callback-support-in-style-overrides.md?@mui/markdown';
+import { docs } from './callback-support-in-style-overrides.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/danail-hadjiatanasov-joining.js b/docs/pages/blog/danail-hadjiatanasov-joining.js
index 44e90d7f2a7c86..d4cbeaa405a4bf 100644
--- a/docs/pages/blog/danail-hadjiatanasov-joining.js
+++ b/docs/pages/blog/danail-hadjiatanasov-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './danail-hadjiatanasov-joining.md?@mui/markdown';
+import { docs } from './danail-hadjiatanasov-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/danilo-leal-joining.js b/docs/pages/blog/danilo-leal-joining.js
index 8fefd0aed3b45e..54ae20ca78a2a4 100644
--- a/docs/pages/blog/danilo-leal-joining.js
+++ b/docs/pages/blog/danilo-leal-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './danilo-leal-joining.md?@mui/markdown';
+import { docs } from './danilo-leal-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/date-pickers-stable-v5.js b/docs/pages/blog/date-pickers-stable-v5.js
index 746baf511a3a4d..8affdff1600c59 100644
--- a/docs/pages/blog/date-pickers-stable-v5.js
+++ b/docs/pages/blog/date-pickers-stable-v5.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './date-pickers-stable-v5.md?@mui/markdown';
+import { docs } from './date-pickers-stable-v5.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/december-2019-update.js b/docs/pages/blog/december-2019-update.js
index eeabf8c1c29dba..44a488d9723052 100644
--- a/docs/pages/blog/december-2019-update.js
+++ b/docs/pages/blog/december-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './december-2019-update.md?@mui/markdown';
+import { docs } from './december-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/discord-announcement.js b/docs/pages/blog/discord-announcement.js
index ed8f5cf7669435..1fe7197fa91278 100644
--- a/docs/pages/blog/discord-announcement.js
+++ b/docs/pages/blog/discord-announcement.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './discord-announcement.md?@mui/markdown';
+import { docs } from './discord-announcement.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/docs-restructure-2022.js b/docs/pages/blog/docs-restructure-2022.js
index 75b4dad5bb69db..33c0378c424688 100644
--- a/docs/pages/blog/docs-restructure-2022.js
+++ b/docs/pages/blog/docs-restructure-2022.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './docs-restructure-2022.md?@mui/markdown';
+import { docs } from './docs-restructure-2022.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/first-look-at-joy.js b/docs/pages/blog/first-look-at-joy.js
index b1553d8435498d..d3bc5d214612d7 100644
--- a/docs/pages/blog/first-look-at-joy.js
+++ b/docs/pages/blog/first-look-at-joy.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './first-look-at-joy.md?@mui/markdown';
+import { docs } from './first-look-at-joy.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/introducing-base-ui.js b/docs/pages/blog/introducing-base-ui.js
index 005707bbb8846d..2bea4c618dea0b 100644
--- a/docs/pages/blog/introducing-base-ui.js
+++ b/docs/pages/blog/introducing-base-ui.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './introducing-base-ui.md?@mui/markdown';
+import { docs } from './introducing-base-ui.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/introducing-the-row-grouping-feature.js b/docs/pages/blog/introducing-the-row-grouping-feature.js
index 614562b92470a5..74301e65aef8e1 100644
--- a/docs/pages/blog/introducing-the-row-grouping-feature.js
+++ b/docs/pages/blog/introducing-the-row-grouping-feature.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './introducing-the-row-grouping-feature.md?@mui/markdown';
+import { docs } from './introducing-the-row-grouping-feature.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/july-2019-update.js b/docs/pages/blog/july-2019-update.js
index b56bd585f39884..cc01f9c65562d8 100644
--- a/docs/pages/blog/july-2019-update.js
+++ b/docs/pages/blog/july-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './july-2019-update.md?@mui/markdown';
+import { docs } from './july-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/june-2019-update.js b/docs/pages/blog/june-2019-update.js
index ee4b1e1cd76a12..890f7e8e08a6fb 100644
--- a/docs/pages/blog/june-2019-update.js
+++ b/docs/pages/blog/june-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './june-2019-update.md?@mui/markdown';
+import { docs } from './june-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/lab-date-pickers-to-mui-x.js b/docs/pages/blog/lab-date-pickers-to-mui-x.js
index 835f0e6084c499..f98f7805b66102 100644
--- a/docs/pages/blog/lab-date-pickers-to-mui-x.js
+++ b/docs/pages/blog/lab-date-pickers-to-mui-x.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './lab-date-pickers-to-mui-x.md?@mui/markdown';
+import { docs } from './lab-date-pickers-to-mui-x.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/lab-tree-view-to-mui-x.js b/docs/pages/blog/lab-tree-view-to-mui-x.js
index a2caf6fad2b240..e4117847ac23c3 100644
--- a/docs/pages/blog/lab-tree-view-to-mui-x.js
+++ b/docs/pages/blog/lab-tree-view-to-mui-x.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './lab-tree-view-to-mui-x.md?@mui/markdown';
+import { docs } from './lab-tree-view-to-mui-x.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/making-customizable-components.js b/docs/pages/blog/making-customizable-components.js
index afb3a0ddaaf6ac..0f85c1055cf425 100644
--- a/docs/pages/blog/making-customizable-components.js
+++ b/docs/pages/blog/making-customizable-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './making-customizable-components.md?@mui/markdown';
+import { docs } from './making-customizable-components.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/march-2019-update.js b/docs/pages/blog/march-2019-update.js
index ff1debb02ddcca..febbc11c9f18bd 100644
--- a/docs/pages/blog/march-2019-update.js
+++ b/docs/pages/blog/march-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './march-2019-update.md?@mui/markdown';
+import { docs } from './march-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/marija-najdova-joining.js b/docs/pages/blog/marija-najdova-joining.js
index ca5212a5f736d6..6c5df493795835 100644
--- a/docs/pages/blog/marija-najdova-joining.js
+++ b/docs/pages/blog/marija-najdova-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './marija-najdova-joining.md?@mui/markdown';
+import { docs } from './marija-najdova-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/material-ui-is-now-mui.js b/docs/pages/blog/material-ui-is-now-mui.js
index da631003aabc92..30e85aea2267f7 100644
--- a/docs/pages/blog/material-ui-is-now-mui.js
+++ b/docs/pages/blog/material-ui-is-now-mui.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './material-ui-is-now-mui.md?@mui/markdown';
+import { docs } from './material-ui-is-now-mui.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/material-ui-v1-is-out.js b/docs/pages/blog/material-ui-v1-is-out.js
index 2068df7f6d27d1..3e0ea9db643fa6 100644
--- a/docs/pages/blog/material-ui-v1-is-out.js
+++ b/docs/pages/blog/material-ui-v1-is-out.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './material-ui-v1-is-out.md?@mui/markdown';
+import { docs } from './material-ui-v1-is-out.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/material-ui-v4-is-out.js b/docs/pages/blog/material-ui-v4-is-out.js
index 52b149946fe9c5..fb74874a1c1002 100644
--- a/docs/pages/blog/material-ui-v4-is-out.js
+++ b/docs/pages/blog/material-ui-v4-is-out.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './material-ui-v4-is-out.md?@mui/markdown';
+import { docs } from './material-ui-v4-is-out.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/matheus-wichman-joining.js b/docs/pages/blog/matheus-wichman-joining.js
index 3d178dfcb74bef..1160b94db4245d 100644
--- a/docs/pages/blog/matheus-wichman-joining.js
+++ b/docs/pages/blog/matheus-wichman-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './matheus-wichman-joining.md?@mui/markdown';
+import { docs } from './matheus-wichman-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/may-2019-update.js b/docs/pages/blog/may-2019-update.js
index 77adc649c6c225..23f45318cbfc40 100644
--- a/docs/pages/blog/may-2019-update.js
+++ b/docs/pages/blog/may-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './may-2019-update.md?@mui/markdown';
+import { docs } from './may-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/michal-dudak-joining.js b/docs/pages/blog/michal-dudak-joining.js
index a747343a2ee5fb..9a3f9481da9001 100644
--- a/docs/pages/blog/michal-dudak-joining.js
+++ b/docs/pages/blog/michal-dudak-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './michal-dudak-joining.md?@mui/markdown';
+import { docs } from './michal-dudak-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-core-v5-migration-update.js b/docs/pages/blog/mui-core-v5-migration-update.js
index 1fccf9b5f55d52..57730cb0a21a3e 100644
--- a/docs/pages/blog/mui-core-v5-migration-update.js
+++ b/docs/pages/blog/mui-core-v5-migration-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-core-v5-migration-update.md?@mui/markdown';
+import { docs } from './mui-core-v5-migration-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-core-v5.js b/docs/pages/blog/mui-core-v5.js
index 58964ba574b46e..25b650d512607d 100644
--- a/docs/pages/blog/mui-core-v5.js
+++ b/docs/pages/blog/mui-core-v5.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-core-v5.md?@mui/markdown';
+import { docs } from './mui-core-v5.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-next-js-app-router.js b/docs/pages/blog/mui-next-js-app-router.js
index 9770faddcd6876..3abb16c25c80e6 100644
--- a/docs/pages/blog/mui-next-js-app-router.js
+++ b/docs/pages/blog/mui-next-js-app-router.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-next-js-app-router.md?@mui/markdown';
+import { docs } from './mui-next-js-app-router.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-product-comparison.js b/docs/pages/blog/mui-product-comparison.js
index 3a66bc758c35c3..08fbe6e500ae75 100644
--- a/docs/pages/blog/mui-product-comparison.js
+++ b/docs/pages/blog/mui-product-comparison.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-product-comparison.md?@mui/markdown';
+import { docs } from './mui-product-comparison.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-x-end-v6-features.js b/docs/pages/blog/mui-x-end-v6-features.js
index d66835102eeb45..c33ca544f5ad16 100644
--- a/docs/pages/blog/mui-x-end-v6-features.js
+++ b/docs/pages/blog/mui-x-end-v6-features.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-x-end-v6-features.md?@mui/markdown';
+import { docs } from './mui-x-end-v6-features.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-x-mid-v6-features.js b/docs/pages/blog/mui-x-mid-v6-features.js
index a3699209869d3b..bd77cd4f676607 100644
--- a/docs/pages/blog/mui-x-mid-v6-features.js
+++ b/docs/pages/blog/mui-x-mid-v6-features.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-x-mid-v6-features.md?@mui/markdown';
+import { docs } from './mui-x-mid-v6-features.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-x-v5.js b/docs/pages/blog/mui-x-v5.js
index aa4e5ab95eb1e7..62efce3b5af09c 100644
--- a/docs/pages/blog/mui-x-v5.js
+++ b/docs/pages/blog/mui-x-v5.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-x-v5.md?@mui/markdown';
+import { docs } from './mui-x-v5.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-x-v6-alpha-zero.js b/docs/pages/blog/mui-x-v6-alpha-zero.js
index 7a208e0a4370ca..4a0856f0d359a9 100644
--- a/docs/pages/blog/mui-x-v6-alpha-zero.js
+++ b/docs/pages/blog/mui-x-v6-alpha-zero.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-x-v6-alpha-zero.md?@mui/markdown';
+import { docs } from './mui-x-v6-alpha-zero.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-x-v6.js b/docs/pages/blog/mui-x-v6.js
index 1958d4bd99f1ca..2d2567dcf79141 100644
--- a/docs/pages/blog/mui-x-v6.js
+++ b/docs/pages/blog/mui-x-v6.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-x-v6.md?@mui/markdown';
+import { docs } from './mui-x-v6.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/mui-x-v7-beta.js b/docs/pages/blog/mui-x-v7-beta.js
index ee481a9a734d6b..5488cb32483e28 100644
--- a/docs/pages/blog/mui-x-v7-beta.js
+++ b/docs/pages/blog/mui-x-v7-beta.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './mui-x-v7-beta.md?@mui/markdown';
+import { docs } from './mui-x-v7-beta.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/november-2019-update.js b/docs/pages/blog/november-2019-update.js
index 79fa820f2453d0..58997a4d713bcc 100644
--- a/docs/pages/blog/november-2019-update.js
+++ b/docs/pages/blog/november-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './november-2019-update.md?@mui/markdown';
+import { docs } from './november-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/october-2019-update.js b/docs/pages/blog/october-2019-update.js
index 61d071e8ee7a4e..1c10855b0ead69 100644
--- a/docs/pages/blog/october-2019-update.js
+++ b/docs/pages/blog/october-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './october-2019-update.md?@mui/markdown';
+import { docs } from './october-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/premium-plan-release.js b/docs/pages/blog/premium-plan-release.js
index 8ab4e78e9edf07..05ff6b0dfeb50f 100644
--- a/docs/pages/blog/premium-plan-release.js
+++ b/docs/pages/blog/premium-plan-release.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './premium-plan-release.md?@mui/markdown';
+import { docs } from './premium-plan-release.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/september-2019-update.js b/docs/pages/blog/september-2019-update.js
index 3a2b10f46cb314..83431bf23bc444 100644
--- a/docs/pages/blog/september-2019-update.js
+++ b/docs/pages/blog/september-2019-update.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './september-2019-update.md?@mui/markdown';
+import { docs } from './september-2019-update.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/siriwat-kunaporn-joining.js b/docs/pages/blog/siriwat-kunaporn-joining.js
index 4383fe768676a8..235c3ee1d02dbd 100644
--- a/docs/pages/blog/siriwat-kunaporn-joining.js
+++ b/docs/pages/blog/siriwat-kunaporn-joining.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './siriwat-kunaporn-joining.md?@mui/markdown';
+import { docs } from './siriwat-kunaporn-joining.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/spotlight-damien-tassone.js b/docs/pages/blog/spotlight-damien-tassone.js
index 9a04c3e10962ca..a3d8cafe8ebf18 100644
--- a/docs/pages/blog/spotlight-damien-tassone.js
+++ b/docs/pages/blog/spotlight-damien-tassone.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './spotlight-damien-tassone.md?@mui/markdown';
+import { docs } from './spotlight-damien-tassone.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/blog/v6-beta-pickers.js b/docs/pages/blog/v6-beta-pickers.js
index 71a077ecc16810..43d12dd40a2f63 100644
--- a/docs/pages/blog/v6-beta-pickers.js
+++ b/docs/pages/blog/v6-beta-pickers.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './v6-beta-pickers.md?@mui/markdown';
+import { docs } from './v6-beta-pickers.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/careers/accessibility-engineer.js b/docs/pages/careers/accessibility-engineer.js
index db74ff196346d9..f3833cb139f972 100644
--- a/docs/pages/careers/accessibility-engineer.js
+++ b/docs/pages/careers/accessibility-engineer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/accessibility-engineer.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/accessibility-engineer.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/design-engineer-x-grid.js b/docs/pages/careers/design-engineer-x-grid.js
index 6712cb840f83c5..6a16aa286ab36d 100644
--- a/docs/pages/careers/design-engineer-x-grid.js
+++ b/docs/pages/careers/design-engineer-x-grid.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/design-engineer-x-grid.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/design-engineer-x-grid.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/design-engineer.js b/docs/pages/careers/design-engineer.js
index 647ef01f12b217..bde4ff97075192 100644
--- a/docs/pages/careers/design-engineer.js
+++ b/docs/pages/careers/design-engineer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/design-engineer.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/design-engineer.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/developer-advocate.js b/docs/pages/careers/developer-advocate.js
index 76f1c3ad00d815..0a89874a60727e 100644
--- a/docs/pages/careers/developer-advocate.js
+++ b/docs/pages/careers/developer-advocate.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/developer-advocate.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/developer-advocate.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/fullstack-engineer.js b/docs/pages/careers/fullstack-engineer.js
index 793263bda19e71..eb99c21523c7e1 100644
--- a/docs/pages/careers/fullstack-engineer.js
+++ b/docs/pages/careers/fullstack-engineer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/full-stack-engineer.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/full-stack-engineer.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/product-marketing-manager.js b/docs/pages/careers/product-marketing-manager.js
index 86bb53bcfd3d39..9449a4b0d6af7c 100644
--- a/docs/pages/careers/product-marketing-manager.js
+++ b/docs/pages/careers/product-marketing-manager.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/product-marketing-manager.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/product-marketing-manager.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/react-community-engineer.js b/docs/pages/careers/react-community-engineer.js
index 32c0c8bf319d22..71b35214e7c34b 100644
--- a/docs/pages/careers/react-community-engineer.js
+++ b/docs/pages/careers/react-community-engineer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/react-community-engineer.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/react-community-engineer.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/react-engineer-core.js b/docs/pages/careers/react-engineer-core.js
index 1ad934fb3299b6..5a416da5d8eff0 100644
--- a/docs/pages/careers/react-engineer-core.js
+++ b/docs/pages/careers/react-engineer-core.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/react-engineer-core.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/react-engineer-core.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/react-engineer-x-charts.js b/docs/pages/careers/react-engineer-x-charts.js
index da64dfa7a85cfe..e0051912291d77 100644
--- a/docs/pages/careers/react-engineer-x-charts.js
+++ b/docs/pages/careers/react-engineer-x-charts.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/react-engineer-x-charts.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/react-engineer-x-charts.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/react-engineer-x.js b/docs/pages/careers/react-engineer-x.js
index 758d5f492c7499..7d39c1a91ef570 100644
--- a/docs/pages/careers/react-engineer-x.js
+++ b/docs/pages/careers/react-engineer-x.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/react-engineer-x.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/react-engineer-x.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/react-tech-lead-core.js b/docs/pages/careers/react-tech-lead-core.js
index e943ef768f802e..b4aa1e82c8517a 100644
--- a/docs/pages/careers/react-tech-lead-core.js
+++ b/docs/pages/careers/react-tech-lead-core.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/react-tech-lead-core.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/react-tech-lead-core.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/react-tech-lead-x-grid.js b/docs/pages/careers/react-tech-lead-x-grid.js
index e12c05097670fe..626e66c5e02cf3 100644
--- a/docs/pages/careers/react-tech-lead-x-grid.js
+++ b/docs/pages/careers/react-tech-lead-x-grid.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/react-tech-lead-x-grid.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/react-tech-lead-x-grid.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/staff-ui-engineer-base-ui.js b/docs/pages/careers/staff-ui-engineer-base-ui.js
index 8442642075b668..2e2cb7f7e6789a 100644
--- a/docs/pages/careers/staff-ui-engineer-base-ui.js
+++ b/docs/pages/careers/staff-ui-engineer-base-ui.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/staff-ui-engineer-base-ui.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/staff-ui-engineer-base-ui.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/support-agent.js b/docs/pages/careers/support-agent.js
index 6eade6b4005051..c5372798f40bc1 100644
--- a/docs/pages/careers/support-agent.js
+++ b/docs/pages/careers/support-agent.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/support-agent.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/support-agent.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/careers/technical-recruiter.js b/docs/pages/careers/technical-recruiter.js
index cbe084390ba073..b4a6874cce3b25 100644
--- a/docs/pages/careers/technical-recruiter.js
+++ b/docs/pages/careers/technical-recruiter.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/pages/careers/technical-recruiter.md?@mui/markdown';
+import * as pageProps from 'docs/pages/careers/technical-recruiter.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/company/contact.js b/docs/pages/company/contact.js
index 7d96b583402fc5..6589c449d39e2e 100644
--- a/docs/pages/company/contact.js
+++ b/docs/pages/company/contact.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/src/pages/company/contact/contact.md?@mui/markdown';
+import * as pageProps from 'docs/src/pages/company/contact/contact.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;
diff --git a/docs/pages/experiments/blog/blog.js b/docs/pages/experiments/blog/blog.js
index c1b7a2c8df2ef5..65d6c6c10a3dee 100644
--- a/docs/pages/experiments/blog/blog.js
+++ b/docs/pages/experiments/blog/blog.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
-import { docs } from './blog.md?@mui/markdown';
+import { docs } from './blog.md?muiMarkdown';
 
 export default function Page() {
   return <TopLayoutBlog docs={docs} />;
diff --git a/docs/pages/experiments/docs/callouts.js b/docs/pages/experiments/docs/callouts.js
index 55dc0c4e7dd9da..3542c0b073b06a 100644
--- a/docs/pages/experiments/docs/callouts.js
+++ b/docs/pages/experiments/docs/callouts.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './callouts.md?@mui/markdown';
+import * as pageProps from './callouts.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/experiments/docs/codeblock.js b/docs/pages/experiments/docs/codeblock.js
index e46dd9bd20b591..6310805f4c4f3d 100644
--- a/docs/pages/experiments/docs/codeblock.js
+++ b/docs/pages/experiments/docs/codeblock.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './codeblock.md?@mui/markdown';
+import * as pageProps from './codeblock.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/experiments/docs/demos.js b/docs/pages/experiments/docs/demos.js
index 1f9fa6d0b9c033..5f926a861900e3 100644
--- a/docs/pages/experiments/docs/demos.js
+++ b/docs/pages/experiments/docs/demos.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './demos.md?@mui/markdown';
+import * as pageProps from './demos.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/experiments/docs/headers.js b/docs/pages/experiments/docs/headers.js
index 7664219ba77a22..ee0a623c52bd96 100644
--- a/docs/pages/experiments/docs/headers.js
+++ b/docs/pages/experiments/docs/headers.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './headers.md?@mui/markdown';
+import * as pageProps from './headers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/experiments/docs/markdown.js b/docs/pages/experiments/docs/markdown.js
index ec4775d7f5a6d4..d0eca02da070a6 100644
--- a/docs/pages/experiments/docs/markdown.js
+++ b/docs/pages/experiments/docs/markdown.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './markdown.md?@mui/markdown';
+import * as pageProps from './markdown.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/approaches.js b/docs/pages/joy-ui/customization/approaches.js
index 351bfbcd7f71f1..f66a215519abb4 100644
--- a/docs/pages/joy-ui/customization/approaches.js
+++ b/docs/pages/joy-ui/customization/approaches.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/approaches/approaches.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/approaches/approaches.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/creating-themed-components.js b/docs/pages/joy-ui/customization/creating-themed-components.js
index 1f5816738dccc9..edf008f6ed6388 100644
--- a/docs/pages/joy-ui/customization/creating-themed-components.js
+++ b/docs/pages/joy-ui/customization/creating-themed-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/creating-themed-components/creating-themed-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/creating-themed-components/creating-themed-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/dark-mode.js b/docs/pages/joy-ui/customization/dark-mode.js
index 46c39c6e183a65..cc5bd33c042656 100644
--- a/docs/pages/joy-ui/customization/dark-mode.js
+++ b/docs/pages/joy-ui/customization/dark-mode.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/dark-mode/dark-mode.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/dark-mode/dark-mode.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/default-theme-viewer.js b/docs/pages/joy-ui/customization/default-theme-viewer.js
index 363dcad36672f4..bb189170cf20d9 100644
--- a/docs/pages/joy-ui/customization/default-theme-viewer.js
+++ b/docs/pages/joy-ui/customization/default-theme-viewer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
diff --git a/docs/pages/joy-ui/customization/overriding-component-structure.js b/docs/pages/joy-ui/customization/overriding-component-structure.js
index 257f527563c19c..4bc4c0a21fd7c9 100644
--- a/docs/pages/joy-ui/customization/overriding-component-structure.js
+++ b/docs/pages/joy-ui/customization/overriding-component-structure.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/overriding-component-structure/overriding-component-structure.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/overriding-component-structure/overriding-component-structure.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/right-to-left.js b/docs/pages/joy-ui/customization/right-to-left.js
index 6c1b329afd8482..db32113ff5d639 100644
--- a/docs/pages/joy-ui/customization/right-to-left.js
+++ b/docs/pages/joy-ui/customization/right-to-left.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/right-to-left/right-to-left.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/right-to-left/right-to-left.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/theme-builder.js b/docs/pages/joy-ui/customization/theme-builder.js
index 6ee8a9097a3018..718a804fa9a525 100644
--- a/docs/pages/joy-ui/customization/theme-builder.js
+++ b/docs/pages/joy-ui/customization/theme-builder.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/theme-builder/theme-builder.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/theme-builder/theme-builder.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableCssVarsProvider disableToc />;
diff --git a/docs/pages/joy-ui/customization/theme-colors.js b/docs/pages/joy-ui/customization/theme-colors.js
index 3e42d92c980c2c..ae13f04bc1b17e 100644
--- a/docs/pages/joy-ui/customization/theme-colors.js
+++ b/docs/pages/joy-ui/customization/theme-colors.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/theme-colors/theme-colors.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/theme-colors/theme-colors.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/theme-shadow.js b/docs/pages/joy-ui/customization/theme-shadow.js
index d7a1c16b7c5481..8ab82ae5700205 100644
--- a/docs/pages/joy-ui/customization/theme-shadow.js
+++ b/docs/pages/joy-ui/customization/theme-shadow.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/theme-shadow/theme-shadow.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/theme-shadow/theme-shadow.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/theme-typography.js b/docs/pages/joy-ui/customization/theme-typography.js
index 78659441ef5187..ac67fdcced3a31 100644
--- a/docs/pages/joy-ui/customization/theme-typography.js
+++ b/docs/pages/joy-ui/customization/theme-typography.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/theme-typography/theme-typography.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/theme-typography/theme-typography.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/themed-components.js b/docs/pages/joy-ui/customization/themed-components.js
index 615c4ead85ab0f..7895fb12f9b71c 100644
--- a/docs/pages/joy-ui/customization/themed-components.js
+++ b/docs/pages/joy-ui/customization/themed-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/themed-components/themed-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/themed-components/themed-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/using-css-variables.js b/docs/pages/joy-ui/customization/using-css-variables.js
index 776cd58bf56c90..78cf71ee416bd8 100644
--- a/docs/pages/joy-ui/customization/using-css-variables.js
+++ b/docs/pages/joy-ui/customization/using-css-variables.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/customization/using-css-variables/using-css-variables.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/using-css-variables/using-css-variables.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/getting-started/index.js b/docs/pages/joy-ui/getting-started/index.js
index 27b598bf7a1757..fd7b8dd3ebf643 100644
--- a/docs/pages/joy-ui/getting-started/index.js
+++ b/docs/pages/joy-ui/getting-started/index.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/overview/overview.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/overview/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/joy-ui/getting-started/installation.js b/docs/pages/joy-ui/getting-started/installation.js
index b5c1f141cc5f6a..c9e618ea1bfd24 100644
--- a/docs/pages/joy-ui/getting-started/installation.js
+++ b/docs/pages/joy-ui/getting-started/installation.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/installation/installation.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/installation/installation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/joy-ui/getting-started/roadmap.js b/docs/pages/joy-ui/getting-started/roadmap.js
index f9b3bec81e8cb4..c2269e74225f71 100644
--- a/docs/pages/joy-ui/getting-started/roadmap.js
+++ b/docs/pages/joy-ui/getting-started/roadmap.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/roadmap/roadmap.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/roadmap/roadmap.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/joy-ui/getting-started/support.js b/docs/pages/joy-ui/getting-started/support.js
index 2f8a8b24472025..12de9a763e83b5 100644
--- a/docs/pages/joy-ui/getting-started/support.js
+++ b/docs/pages/joy-ui/getting-started/support.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/support/support.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/support/support.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/joy-ui/getting-started/templates/index.js b/docs/pages/joy-ui/getting-started/templates/index.js
index faf1730d616b05..944ed9535530b2 100644
--- a/docs/pages/joy-ui/getting-started/templates/index.js
+++ b/docs/pages/joy-ui/getting-started/templates/index.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/templates/index.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/templates/index.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
diff --git a/docs/pages/joy-ui/getting-started/tutorial.js b/docs/pages/joy-ui/getting-started/tutorial.js
index 41d84d92ab1951..11970c78a0e5dd 100644
--- a/docs/pages/joy-ui/getting-started/tutorial.js
+++ b/docs/pages/joy-ui/getting-started/tutorial.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/tutorial/tutorial.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/tutorial/tutorial.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/joy-ui/getting-started/usage.js b/docs/pages/joy-ui/getting-started/usage.js
index ebb39005016eb0..6deb23e104db30 100644
--- a/docs/pages/joy-ui/getting-started/usage.js
+++ b/docs/pages/joy-ui/getting-started/usage.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/getting-started/usage/usage.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/getting-started/usage/usage.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/joy-ui/integrations/icon-libraries.js b/docs/pages/joy-ui/integrations/icon-libraries.js
index 4d88d02da88a11..60d6b22858d39c 100644
--- a/docs/pages/joy-ui/integrations/icon-libraries.js
+++ b/docs/pages/joy-ui/integrations/icon-libraries.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/integrations/icon-libraries/icon-libraries.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/integrations/icon-libraries/icon-libraries.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/integrations/material-ui.js b/docs/pages/joy-ui/integrations/material-ui.js
index 65bda95851667f..512891d3310f4b 100644
--- a/docs/pages/joy-ui/integrations/material-ui.js
+++ b/docs/pages/joy-ui/integrations/material-ui.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/integrations/material-ui/material-ui.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/integrations/material-ui/material-ui.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/integrations/next-js-app-router.js b/docs/pages/joy-ui/integrations/next-js-app-router.js
index 0bc5766da2aa32..9012ce54347e98 100644
--- a/docs/pages/joy-ui/integrations/next-js-app-router.js
+++ b/docs/pages/joy-ui/integrations/next-js-app-router.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/integrations/next-js-app-router/next-js-app-router.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/integrations/next-js-app-router/next-js-app-router.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/main-features/automatic-adjustment.js b/docs/pages/joy-ui/main-features/automatic-adjustment.js
index 5baa55371539e5..6357d425147099 100644
--- a/docs/pages/joy-ui/main-features/automatic-adjustment.js
+++ b/docs/pages/joy-ui/main-features/automatic-adjustment.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/main-features/automatic-adjustment/automatic-adjustment.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/main-features/automatic-adjustment/automatic-adjustment.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/main-features/color-inversion.js b/docs/pages/joy-ui/main-features/color-inversion.js
index bd3ed4e7015ff5..f3ab5121e61582 100644
--- a/docs/pages/joy-ui/main-features/color-inversion.js
+++ b/docs/pages/joy-ui/main-features/color-inversion.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/main-features/color-inversion/color-inversion.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/main-features/color-inversion/color-inversion.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/main-features/dark-mode-optimization.js b/docs/pages/joy-ui/main-features/dark-mode-optimization.js
index f6e44f6dae4368..db96cf2586ffc3 100644
--- a/docs/pages/joy-ui/main-features/dark-mode-optimization.js
+++ b/docs/pages/joy-ui/main-features/dark-mode-optimization.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/main-features/dark-mode-optimization/dark-mode-optimization.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/main-features/dark-mode-optimization/dark-mode-optimization.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/main-features/global-variants.js b/docs/pages/joy-ui/main-features/global-variants.js
index 5bc7bec91b0fc2..be5b39e39c4d23 100644
--- a/docs/pages/joy-ui/main-features/global-variants.js
+++ b/docs/pages/joy-ui/main-features/global-variants.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/main-features/global-variants/global-variants.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/main-features/global-variants/global-variants.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/migration/migrating-default-theme.js b/docs/pages/joy-ui/migration/migrating-default-theme.js
index 6e8f9e71a68bc1..7c6b9d8530ae43 100644
--- a/docs/pages/joy-ui/migration/migrating-default-theme.js
+++ b/docs/pages/joy-ui/migration/migrating-default-theme.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/migration/migrating-default-theme.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/migration/migrating-default-theme.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-accordion.js b/docs/pages/joy-ui/react-accordion.js
index 74fbdab76931d2..2df96fbb90bd62 100644
--- a/docs/pages/joy-ui/react-accordion.js
+++ b/docs/pages/joy-ui/react-accordion.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/accordion/accordion.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/accordion/accordion.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-alert.js b/docs/pages/joy-ui/react-alert.js
index 7fd1c6909e0425..6e7875d5d8bd6f 100644
--- a/docs/pages/joy-ui/react-alert.js
+++ b/docs/pages/joy-ui/react-alert.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/alert/alert.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/alert/alert.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-aspect-ratio.js b/docs/pages/joy-ui/react-aspect-ratio.js
index 4da3dc63f4d369..1e9ae69f434850 100644
--- a/docs/pages/joy-ui/react-aspect-ratio.js
+++ b/docs/pages/joy-ui/react-aspect-ratio.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/aspect-ratio/aspect-ratio.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/aspect-ratio/aspect-ratio.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-autocomplete.js b/docs/pages/joy-ui/react-autocomplete.js
index a9488b6e929e5d..6c6049e58c3f81 100644
--- a/docs/pages/joy-ui/react-autocomplete.js
+++ b/docs/pages/joy-ui/react-autocomplete.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/autocomplete/autocomplete.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/autocomplete/autocomplete.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-avatar.js b/docs/pages/joy-ui/react-avatar.js
index 1923179b09b50d..0655104c5e2b34 100644
--- a/docs/pages/joy-ui/react-avatar.js
+++ b/docs/pages/joy-ui/react-avatar.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/avatar/avatar.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/avatar/avatar.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-badge.js b/docs/pages/joy-ui/react-badge.js
index ca22af990cbd2d..1232ab05133437 100644
--- a/docs/pages/joy-ui/react-badge.js
+++ b/docs/pages/joy-ui/react-badge.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/badge/badge.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/badge/badge.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-box.js b/docs/pages/joy-ui/react-box.js
index 0846b5df5ca244..463df17e34d518 100644
--- a/docs/pages/joy-ui/react-box.js
+++ b/docs/pages/joy-ui/react-box.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/box/box.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/box/box.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-breadcrumbs.js b/docs/pages/joy-ui/react-breadcrumbs.js
index 849ee7cb6fa8c3..f0861f7f76366a 100644
--- a/docs/pages/joy-ui/react-breadcrumbs.js
+++ b/docs/pages/joy-ui/react-breadcrumbs.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/breadcrumbs/breadcrumbs.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/breadcrumbs/breadcrumbs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-button-group.js b/docs/pages/joy-ui/react-button-group.js
index 30a928e38ff2bc..07d73001da1e3e 100644
--- a/docs/pages/joy-ui/react-button-group.js
+++ b/docs/pages/joy-ui/react-button-group.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/joy/components/button-group/button-group.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/button-group/button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-button.js b/docs/pages/joy-ui/react-button.js
index a06a27671459a0..72bffbb4336d87 100644
--- a/docs/pages/joy-ui/react-button.js
+++ b/docs/pages/joy-ui/react-button.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/joy/components/button/button.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/button/button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-card.js b/docs/pages/joy-ui/react-card.js
index 66489d44f906b5..74499b5ea16574 100644
--- a/docs/pages/joy-ui/react-card.js
+++ b/docs/pages/joy-ui/react-card.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/card/card.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/card/card.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-checkbox.js b/docs/pages/joy-ui/react-checkbox.js
index e480541e25aa9f..d84258e39b3093 100644
--- a/docs/pages/joy-ui/react-checkbox.js
+++ b/docs/pages/joy-ui/react-checkbox.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/checkbox/checkbox.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/checkbox/checkbox.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-chip.js b/docs/pages/joy-ui/react-chip.js
index 8d28d9a18ceb7e..e55c53f69992ed 100644
--- a/docs/pages/joy-ui/react-chip.js
+++ b/docs/pages/joy-ui/react-chip.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/chip/chip.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/chip/chip.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-circular-progress.js b/docs/pages/joy-ui/react-circular-progress.js
index 044b48d9c14eb9..79607e9bccf003 100644
--- a/docs/pages/joy-ui/react-circular-progress.js
+++ b/docs/pages/joy-ui/react-circular-progress.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/circular-progress/circular-progress.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/circular-progress/circular-progress.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-css-baseline.js b/docs/pages/joy-ui/react-css-baseline.js
index f96abbeef5e398..77390426efe40a 100644
--- a/docs/pages/joy-ui/react-css-baseline.js
+++ b/docs/pages/joy-ui/react-css-baseline.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/css-baseline/css-baseline.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/css-baseline/css-baseline.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-divider.js b/docs/pages/joy-ui/react-divider.js
index 43cce603edd8cc..9e25ac4044774f 100644
--- a/docs/pages/joy-ui/react-divider.js
+++ b/docs/pages/joy-ui/react-divider.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/divider/divider.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/divider/divider.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-drawer.js b/docs/pages/joy-ui/react-drawer.js
index f6ba9703d7513c..7535a363f1c178 100644
--- a/docs/pages/joy-ui/react-drawer.js
+++ b/docs/pages/joy-ui/react-drawer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/drawer/drawer.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/drawer/drawer.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-grid.js b/docs/pages/joy-ui/react-grid.js
index 333783b738a992..5cf55f7bcc56c2 100644
--- a/docs/pages/joy-ui/react-grid.js
+++ b/docs/pages/joy-ui/react-grid.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/grid/grid.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/grid/grid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-input.js b/docs/pages/joy-ui/react-input.js
index 1f66aa6c7b33a7..972141e57657db 100644
--- a/docs/pages/joy-ui/react-input.js
+++ b/docs/pages/joy-ui/react-input.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/input/input.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/input/input.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-linear-progress.js b/docs/pages/joy-ui/react-linear-progress.js
index 06fd75c48446ff..a8025a355a594a 100644
--- a/docs/pages/joy-ui/react-linear-progress.js
+++ b/docs/pages/joy-ui/react-linear-progress.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/linear-progress/linear-progress.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/linear-progress/linear-progress.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-link.js b/docs/pages/joy-ui/react-link.js
index 972e375bb2e3ff..5cf4acdc850529 100644
--- a/docs/pages/joy-ui/react-link.js
+++ b/docs/pages/joy-ui/react-link.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/link/link.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/link/link.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-list.js b/docs/pages/joy-ui/react-list.js
index f267c7c3a49b27..c45f5f337a43bc 100644
--- a/docs/pages/joy-ui/react-list.js
+++ b/docs/pages/joy-ui/react-list.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/list/list.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/list/list.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-menu.js b/docs/pages/joy-ui/react-menu.js
index 9d50b739fbe738..ab4a6ca51eae7f 100644
--- a/docs/pages/joy-ui/react-menu.js
+++ b/docs/pages/joy-ui/react-menu.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/menu/menu.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/menu/menu.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-modal.js b/docs/pages/joy-ui/react-modal.js
index 6a978e48fec528..2de888921ce1eb 100644
--- a/docs/pages/joy-ui/react-modal.js
+++ b/docs/pages/joy-ui/react-modal.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/modal/modal.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/modal/modal.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-radio-button.js b/docs/pages/joy-ui/react-radio-button.js
index 016b2d62b4382c..c34a0289b6a9bf 100644
--- a/docs/pages/joy-ui/react-radio-button.js
+++ b/docs/pages/joy-ui/react-radio-button.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/radio-button/radio-button.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/radio-button/radio-button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-select.js b/docs/pages/joy-ui/react-select.js
index 2deb4b443c5995..a09791b0d0b19c 100644
--- a/docs/pages/joy-ui/react-select.js
+++ b/docs/pages/joy-ui/react-select.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/select/select.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/select/select.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-sheet.js b/docs/pages/joy-ui/react-sheet.js
index 21dc16b0880f07..4f31b08e49e2bc 100644
--- a/docs/pages/joy-ui/react-sheet.js
+++ b/docs/pages/joy-ui/react-sheet.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/sheet/sheet.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/sheet/sheet.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-skeleton.js b/docs/pages/joy-ui/react-skeleton.js
index e83bee6a5d9ebe..46f2f813b41621 100644
--- a/docs/pages/joy-ui/react-skeleton.js
+++ b/docs/pages/joy-ui/react-skeleton.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/skeleton/skeleton.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/skeleton/skeleton.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-slider.js b/docs/pages/joy-ui/react-slider.js
index 32a5f0282bc428..cc0ccc6b971974 100644
--- a/docs/pages/joy-ui/react-slider.js
+++ b/docs/pages/joy-ui/react-slider.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/slider/slider.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/slider/slider.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-snackbar.js b/docs/pages/joy-ui/react-snackbar.js
index b35cb0721bc1a8..98688beb6216c6 100644
--- a/docs/pages/joy-ui/react-snackbar.js
+++ b/docs/pages/joy-ui/react-snackbar.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/snackbar/snackbar.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/snackbar/snackbar.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-stack.js b/docs/pages/joy-ui/react-stack.js
index 910d6262b397c4..e4c911dc35c519 100644
--- a/docs/pages/joy-ui/react-stack.js
+++ b/docs/pages/joy-ui/react-stack.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/stack/stack.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/stack/stack.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-stepper.js b/docs/pages/joy-ui/react-stepper.js
index c90999a595c48b..21902bef691ce7 100644
--- a/docs/pages/joy-ui/react-stepper.js
+++ b/docs/pages/joy-ui/react-stepper.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/stepper/stepper.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/stepper/stepper.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-switch.js b/docs/pages/joy-ui/react-switch.js
index 17d21b9eb53b60..e9d7432a1c4296 100644
--- a/docs/pages/joy-ui/react-switch.js
+++ b/docs/pages/joy-ui/react-switch.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/switch/switch.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/switch/switch.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-table.js b/docs/pages/joy-ui/react-table.js
index 77bc93dc767fbe..127756a3e5962c 100644
--- a/docs/pages/joy-ui/react-table.js
+++ b/docs/pages/joy-ui/react-table.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/table/table.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/table/table.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-tabs.js b/docs/pages/joy-ui/react-tabs.js
index e374da73a0647b..2e0b53d0dcfd08 100644
--- a/docs/pages/joy-ui/react-tabs.js
+++ b/docs/pages/joy-ui/react-tabs.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/tabs/tabs.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/tabs/tabs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-text-field.js b/docs/pages/joy-ui/react-text-field.js
index 165116fb127c28..56399acfc639e7 100644
--- a/docs/pages/joy-ui/react-text-field.js
+++ b/docs/pages/joy-ui/react-text-field.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/text-field/text-field.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/text-field/text-field.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-textarea.js b/docs/pages/joy-ui/react-textarea.js
index 707490f2b5bd6a..ff14e72a046abc 100644
--- a/docs/pages/joy-ui/react-textarea.js
+++ b/docs/pages/joy-ui/react-textarea.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/textarea/textarea.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/textarea/textarea.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-toggle-button-group.js b/docs/pages/joy-ui/react-toggle-button-group.js
index 77838e16c93b31..5e8871b80b2cc4 100644
--- a/docs/pages/joy-ui/react-toggle-button-group.js
+++ b/docs/pages/joy-ui/react-toggle-button-group.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/toggle-button-group/toggle-button-group.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/toggle-button-group/toggle-button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-tooltip.js b/docs/pages/joy-ui/react-tooltip.js
index 64f6b1a1e58af0..400ae4304b2242 100644
--- a/docs/pages/joy-ui/react-tooltip.js
+++ b/docs/pages/joy-ui/react-tooltip.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/tooltip/tooltip.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/tooltip/tooltip.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-typography.js b/docs/pages/joy-ui/react-typography.js
index d491aeaeb67cee..533d87ddd95783 100644
--- a/docs/pages/joy-ui/react-typography.js
+++ b/docs/pages/joy-ui/react-typography.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/components/typography/typography.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/components/typography/typography.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/about-the-lab.js b/docs/pages/material-ui/about-the-lab.js
index 1fb4018fadb245..c0961474d0a02f 100644
--- a/docs/pages/material-ui/about-the-lab.js
+++ b/docs/pages/material-ui/about-the-lab.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/about-the-lab/about-the-lab.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/about-the-lab/about-the-lab.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/all-components/index.js b/docs/pages/material-ui/all-components/index.js
index a446209afbef55..202a1f5028b36c 100644
--- a/docs/pages/material-ui/all-components/index.js
+++ b/docs/pages/material-ui/all-components/index.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/material/all-components/all-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/all-components/all-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/breakpoints.js b/docs/pages/material-ui/customization/breakpoints.js
index 3775eba2144f64..32016c39448d4a 100644
--- a/docs/pages/material-ui/customization/breakpoints.js
+++ b/docs/pages/material-ui/customization/breakpoints.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/breakpoints/breakpoints.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/breakpoints/breakpoints.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/color.js b/docs/pages/material-ui/customization/color.js
index 00e22ea909277d..4380640e48fcaf 100644
--- a/docs/pages/material-ui/customization/color.js
+++ b/docs/pages/material-ui/customization/color.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/color/color.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/color/color.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/creating-themed-components.js b/docs/pages/material-ui/customization/creating-themed-components.js
index 39cd4846d471fa..48c2bbdefeea2d 100644
--- a/docs/pages/material-ui/customization/creating-themed-components.js
+++ b/docs/pages/material-ui/customization/creating-themed-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/creating-themed-components/creating-themed-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/creating-themed-components/creating-themed-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/dark-mode.js b/docs/pages/material-ui/customization/dark-mode.js
index 3d064c6b5e91c2..fe44c8c352ddd1 100644
--- a/docs/pages/material-ui/customization/dark-mode.js
+++ b/docs/pages/material-ui/customization/dark-mode.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/dark-mode/dark-mode.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/dark-mode/dark-mode.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/default-theme.js b/docs/pages/material-ui/customization/default-theme.js
index de6a628f17fe7c..34828889b9da26 100644
--- a/docs/pages/material-ui/customization/default-theme.js
+++ b/docs/pages/material-ui/customization/default-theme.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/default-theme/default-theme.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/default-theme/default-theme.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
diff --git a/docs/pages/material-ui/customization/density.js b/docs/pages/material-ui/customization/density.js
index 486bb3f32f5eb1..e54fceb5f618e2 100644
--- a/docs/pages/material-ui/customization/density.js
+++ b/docs/pages/material-ui/customization/density.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/density/density.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/density/density.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/how-to-customize.js b/docs/pages/material-ui/customization/how-to-customize.js
index 18fac496c1b4ad..dd9518fb88606c 100644
--- a/docs/pages/material-ui/customization/how-to-customize.js
+++ b/docs/pages/material-ui/customization/how-to-customize.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/how-to-customize/how-to-customize.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/how-to-customize/how-to-customize.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/palette.js b/docs/pages/material-ui/customization/palette.js
index 224200988eae1d..72b98c32b4c3d9 100644
--- a/docs/pages/material-ui/customization/palette.js
+++ b/docs/pages/material-ui/customization/palette.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/palette/palette.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/palette/palette.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/right-to-left.js b/docs/pages/material-ui/customization/right-to-left.js
index 36b48f19d38dca..e1fc6599994074 100644
--- a/docs/pages/material-ui/customization/right-to-left.js
+++ b/docs/pages/material-ui/customization/right-to-left.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/right-to-left/right-to-left.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/right-to-left/right-to-left.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/shadow-dom.js b/docs/pages/material-ui/customization/shadow-dom.js
index 09e0eaa5b9bb6c..a8d939a13a7069 100644
--- a/docs/pages/material-ui/customization/shadow-dom.js
+++ b/docs/pages/material-ui/customization/shadow-dom.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/shadow-dom/shadow-dom.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/shadow-dom/shadow-dom.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/spacing.js b/docs/pages/material-ui/customization/spacing.js
index 962894fa7087f5..c9f5971b86cd3c 100644
--- a/docs/pages/material-ui/customization/spacing.js
+++ b/docs/pages/material-ui/customization/spacing.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/spacing/spacing.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/spacing/spacing.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/theme-components.js b/docs/pages/material-ui/customization/theme-components.js
index 606b9b075c971d..6200a9b00427f4 100644
--- a/docs/pages/material-ui/customization/theme-components.js
+++ b/docs/pages/material-ui/customization/theme-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/theme-components/theme-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/theme-components/theme-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/theming.js b/docs/pages/material-ui/customization/theming.js
index 2feb3aa4f50143..35d36d6a3d2290 100644
--- a/docs/pages/material-ui/customization/theming.js
+++ b/docs/pages/material-ui/customization/theming.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/theming/theming.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/theming/theming.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/transitions.js b/docs/pages/material-ui/customization/transitions.js
index 9ecfd14c9a8655..d7055f65ea2f39 100644
--- a/docs/pages/material-ui/customization/transitions.js
+++ b/docs/pages/material-ui/customization/transitions.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/transitions/transitions.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/transitions/transitions.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/typography.js b/docs/pages/material-ui/customization/typography.js
index c5f04c016f03ee..1d0dd17196c7c8 100644
--- a/docs/pages/material-ui/customization/typography.js
+++ b/docs/pages/material-ui/customization/typography.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/typography/typography.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/typography/typography.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/customization/z-index.js b/docs/pages/material-ui/customization/z-index.js
index d97ddb72e5bbba..9510471b06f32f 100644
--- a/docs/pages/material-ui/customization/z-index.js
+++ b/docs/pages/material-ui/customization/z-index.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/customization/z-index/z-index.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/customization/z-index/z-index.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/discover-more/backers.js b/docs/pages/material-ui/discover-more/backers.js
index 97d3c07b211523..41b72e7f4658fc 100644
--- a/docs/pages/material-ui/discover-more/backers.js
+++ b/docs/pages/material-ui/discover-more/backers.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/backers/backers.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/backers/backers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/discover-more/changelog.js b/docs/pages/material-ui/discover-more/changelog.js
index d746b5f9ef88bd..b95dd814039022 100644
--- a/docs/pages/material-ui/discover-more/changelog.js
+++ b/docs/pages/material-ui/discover-more/changelog.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/changelog/changelog.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/changelog/changelog.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/discover-more/design-kits.js b/docs/pages/material-ui/discover-more/design-kits.js
index 5146d890385bdc..61f8faebcc7007 100644
--- a/docs/pages/material-ui/discover-more/design-kits.js
+++ b/docs/pages/material-ui/discover-more/design-kits.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/design-kits/design-kits.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/design-kits/design-kits.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/discover-more/related-projects.js b/docs/pages/material-ui/discover-more/related-projects.js
index 4d0ee1ecd4891c..27309f18134528 100644
--- a/docs/pages/material-ui/discover-more/related-projects.js
+++ b/docs/pages/material-ui/discover-more/related-projects.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/related-projects/related-projects.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/related-projects/related-projects.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/discover-more/roadmap.js b/docs/pages/material-ui/discover-more/roadmap.js
index dcad958f7791e7..d0f18c55aa0e3c 100644
--- a/docs/pages/material-ui/discover-more/roadmap.js
+++ b/docs/pages/material-ui/discover-more/roadmap.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/roadmap/roadmap.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/roadmap/roadmap.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/discover-more/showcase.js b/docs/pages/material-ui/discover-more/showcase.js
index 9ee393aa705b47..b2822ae551ffa4 100644
--- a/docs/pages/material-ui/discover-more/showcase.js
+++ b/docs/pages/material-ui/discover-more/showcase.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/showcase/showcase.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/showcase/showcase.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
diff --git a/docs/pages/material-ui/discover-more/vision.js b/docs/pages/material-ui/discover-more/vision.js
index fc6b9446976ed5..f19f6448f20261 100644
--- a/docs/pages/material-ui/discover-more/vision.js
+++ b/docs/pages/material-ui/discover-more/vision.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/discover-more/vision/vision.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/discover-more/vision/vision.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/experimental-api/classname-generator.js b/docs/pages/material-ui/experimental-api/classname-generator.js
index 7eb0297d7684e5..0c77126257a0a2 100644
--- a/docs/pages/material-ui/experimental-api/classname-generator.js
+++ b/docs/pages/material-ui/experimental-api/classname-generator.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/experimental-api/classname-generator/classname-generator.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/experimental-api/classname-generator/classname-generator.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/experimental-api/css-theme-variables/customization.js b/docs/pages/material-ui/experimental-api/css-theme-variables/customization.js
index 1f511eadea3bb8..53d9eec8396886 100644
--- a/docs/pages/material-ui/experimental-api/css-theme-variables/customization.js
+++ b/docs/pages/material-ui/experimental-api/css-theme-variables/customization.js
@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from 'docs/data/material/experimental-api/css-theme-variables/customization.md?@mui/markdown';
+} from 'docs/data/material/experimental-api/css-theme-variables/customization.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} />;
diff --git a/docs/pages/material-ui/experimental-api/css-theme-variables/migration.js b/docs/pages/material-ui/experimental-api/css-theme-variables/migration.js
index c4687ee11483c2..a196acdc43008c 100644
--- a/docs/pages/material-ui/experimental-api/css-theme-variables/migration.js
+++ b/docs/pages/material-ui/experimental-api/css-theme-variables/migration.js
@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from 'docs/data/material/experimental-api/css-theme-variables/migration.md?@mui/markdown';
+} from 'docs/data/material/experimental-api/css-theme-variables/migration.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} />;
diff --git a/docs/pages/material-ui/experimental-api/css-theme-variables/overview.js b/docs/pages/material-ui/experimental-api/css-theme-variables/overview.js
index f7081a3b941604..4eeebce4de29b6 100644
--- a/docs/pages/material-ui/experimental-api/css-theme-variables/overview.js
+++ b/docs/pages/material-ui/experimental-api/css-theme-variables/overview.js
@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from 'docs/data/material/experimental-api/css-theme-variables/overview.md?@mui/markdown';
+} from 'docs/data/material/experimental-api/css-theme-variables/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} />;
diff --git a/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js b/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js
index 50811f2f187adf..497c44f45569f2 100644
--- a/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js
+++ b/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js
@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from 'docs/data/material/experimental-api/css-theme-variables/usage/usage.md?@mui/markdown';
+} from 'docs/data/material/experimental-api/css-theme-variables/usage/usage.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} />;
diff --git a/docs/pages/material-ui/getting-started/design-resources.js b/docs/pages/material-ui/getting-started/design-resources.js
index e48de1c3e2c1c0..4df5b129ae956d 100644
--- a/docs/pages/material-ui/getting-started/design-resources.js
+++ b/docs/pages/material-ui/getting-started/design-resources.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/design-resources/design-resources.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/design-resources/design-resources.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd disableToc />;
diff --git a/docs/pages/material-ui/getting-started/example-projects.js b/docs/pages/material-ui/getting-started/example-projects.js
index 3abd1ff2e6bf0c..8380b61398e9d1 100644
--- a/docs/pages/material-ui/getting-started/example-projects.js
+++ b/docs/pages/material-ui/getting-started/example-projects.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/example-projects/example-projects.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/example-projects/example-projects.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/getting-started/faq.js b/docs/pages/material-ui/getting-started/faq.js
index f98090f5b2967a..0d7f2e1a29e3ee 100644
--- a/docs/pages/material-ui/getting-started/faq.js
+++ b/docs/pages/material-ui/getting-started/faq.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/faq/faq.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/faq/faq.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/getting-started/index.js b/docs/pages/material-ui/getting-started/index.js
index 7bffc773ae0a09..17bc425d6e0d75 100644
--- a/docs/pages/material-ui/getting-started/index.js
+++ b/docs/pages/material-ui/getting-started/index.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/overview/overview.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/overview/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/getting-started/installation.js b/docs/pages/material-ui/getting-started/installation.js
index bce5b8577ecc9e..55da0437bf56e0 100644
--- a/docs/pages/material-ui/getting-started/installation.js
+++ b/docs/pages/material-ui/getting-started/installation.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/installation/installation.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/installation/installation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/getting-started/learn.js b/docs/pages/material-ui/getting-started/learn.js
index b21862aabd310f..5d647ce0cda871 100644
--- a/docs/pages/material-ui/getting-started/learn.js
+++ b/docs/pages/material-ui/getting-started/learn.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/learn/learn.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/learn/learn.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/getting-started/support.js b/docs/pages/material-ui/getting-started/support.js
index 46bdfbcccce930..f5e7780fb15c6f 100644
--- a/docs/pages/material-ui/getting-started/support.js
+++ b/docs/pages/material-ui/getting-started/support.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/support/support.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/support/support.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/getting-started/supported-components.js b/docs/pages/material-ui/getting-started/supported-components.js
index a0505464fef9f7..132ec6792093ff 100644
--- a/docs/pages/material-ui/getting-started/supported-components.js
+++ b/docs/pages/material-ui/getting-started/supported-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/supported-components/supported-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/supported-components/supported-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/getting-started/supported-platforms.js b/docs/pages/material-ui/getting-started/supported-platforms.js
index 90e09db8d80897..224b83d66959ef 100644
--- a/docs/pages/material-ui/getting-started/supported-platforms.js
+++ b/docs/pages/material-ui/getting-started/supported-platforms.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/supported-platforms/supported-platforms.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/supported-platforms/supported-platforms.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/getting-started/templates.js b/docs/pages/material-ui/getting-started/templates.js
index f8b46d78daebbf..13df4a1a427f21 100644
--- a/docs/pages/material-ui/getting-started/templates.js
+++ b/docs/pages/material-ui/getting-started/templates.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/templates/templates.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/templates/templates.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc disableAd />;
diff --git a/docs/pages/material-ui/getting-started/usage.js b/docs/pages/material-ui/getting-started/usage.js
index 0a928ca0c7401e..38def8026bb461 100644
--- a/docs/pages/material-ui/getting-started/usage.js
+++ b/docs/pages/material-ui/getting-started/usage.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/getting-started/usage/usage.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/getting-started/usage/usage.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/material-ui/guides/api.js b/docs/pages/material-ui/guides/api.js
index 7571826ad0bd51..ed731dc2fe4579 100644
--- a/docs/pages/material-ui/guides/api.js
+++ b/docs/pages/material-ui/guides/api.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/api/api.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/api/api.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/composition.js b/docs/pages/material-ui/guides/composition.js
index 6e34ef9dce3ae8..47b341ba69f996 100644
--- a/docs/pages/material-ui/guides/composition.js
+++ b/docs/pages/material-ui/guides/composition.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/composition/composition.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/composition/composition.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/content-security-policy.js b/docs/pages/material-ui/guides/content-security-policy.js
index 5ee82f7ccfeee4..76c0629479ba16 100644
--- a/docs/pages/material-ui/guides/content-security-policy.js
+++ b/docs/pages/material-ui/guides/content-security-policy.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/content-security-policy/content-security-policy.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/content-security-policy/content-security-policy.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/localization.js b/docs/pages/material-ui/guides/localization.js
index d8b4164db63edd..efd949808392e4 100644
--- a/docs/pages/material-ui/guides/localization.js
+++ b/docs/pages/material-ui/guides/localization.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/localization/localization.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/localization/localization.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/material-3-components.js b/docs/pages/material-ui/guides/material-3-components.js
index 7e673377a54685..656ad19c0f7a11 100644
--- a/docs/pages/material-ui/guides/material-3-components.js
+++ b/docs/pages/material-ui/guides/material-3-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/material-3-components/material-3-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/material-3-components/material-3-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/minimizing-bundle-size.js b/docs/pages/material-ui/guides/minimizing-bundle-size.js
index 7830d71603a29e..e9599495f5208f 100644
--- a/docs/pages/material-ui/guides/minimizing-bundle-size.js
+++ b/docs/pages/material-ui/guides/minimizing-bundle-size.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/responsive-ui.js b/docs/pages/material-ui/guides/responsive-ui.js
index b7089c39c11e36..2efed429fe8598 100644
--- a/docs/pages/material-ui/guides/responsive-ui.js
+++ b/docs/pages/material-ui/guides/responsive-ui.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/responsive-ui/responsive-ui.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/responsive-ui/responsive-ui.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/server-rendering.js b/docs/pages/material-ui/guides/server-rendering.js
index 036b9d343b1b2c..c80ee2da7234ab 100644
--- a/docs/pages/material-ui/guides/server-rendering.js
+++ b/docs/pages/material-ui/guides/server-rendering.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/server-rendering/server-rendering.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/server-rendering/server-rendering.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/testing.js b/docs/pages/material-ui/guides/testing.js
index 8e0daf7afc8630..dc32b12a9180a5 100644
--- a/docs/pages/material-ui/guides/testing.js
+++ b/docs/pages/material-ui/guides/testing.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/testing/testing.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/testing/testing.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/typescript.js b/docs/pages/material-ui/guides/typescript.js
index 1485a3509aa7f7..232291530cb117 100644
--- a/docs/pages/material-ui/guides/typescript.js
+++ b/docs/pages/material-ui/guides/typescript.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/typescript/typescript.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/typescript/typescript.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/icons.js b/docs/pages/material-ui/icons.js
index a352677ec0bdbc..567b92d1ef1e9c 100644
--- a/docs/pages/material-ui/icons.js
+++ b/docs/pages/material-ui/icons.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/icons/icons.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/icons/icons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/integrations/interoperability.js b/docs/pages/material-ui/integrations/interoperability.js
index dd2823147f01b2..05973dd932fc8d 100644
--- a/docs/pages/material-ui/integrations/interoperability.js
+++ b/docs/pages/material-ui/integrations/interoperability.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/integrations/interoperability/interoperability.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/integrations/interoperability/interoperability.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/integrations/nextjs.js b/docs/pages/material-ui/integrations/nextjs.js
index 621122de6fbcea..55b628e3587b36 100644
--- a/docs/pages/material-ui/integrations/nextjs.js
+++ b/docs/pages/material-ui/integrations/nextjs.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/integrations/nextjs/nextjs.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/integrations/nextjs/nextjs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/integrations/routing.js b/docs/pages/material-ui/integrations/routing.js
index 8391d52782cff2..9da65f0fc0d4cd 100644
--- a/docs/pages/material-ui/integrations/routing.js
+++ b/docs/pages/material-ui/integrations/routing.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/integrations/routing/routing.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/integrations/routing/routing.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/integrations/styled-components.js b/docs/pages/material-ui/integrations/styled-components.js
index 5e0b85f89d0f10..a5f033720b744b 100644
--- a/docs/pages/material-ui/integrations/styled-components.js
+++ b/docs/pages/material-ui/integrations/styled-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/integrations/styled-components/styled-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/integrations/styled-components/styled-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/integrations/theme-scoping.js b/docs/pages/material-ui/integrations/theme-scoping.js
index 0039e3db6ae368..f77bc5a019e0a1 100644
--- a/docs/pages/material-ui/integrations/theme-scoping.js
+++ b/docs/pages/material-ui/integrations/theme-scoping.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/integrations/theme-scoping/theme-scoping.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/integrations/theme-scoping/theme-scoping.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/material-icons.js b/docs/pages/material-ui/material-icons.js
index d408a15f74d935..8bdbc9d6729753 100644
--- a/docs/pages/material-ui/material-icons.js
+++ b/docs/pages/material-ui/material-icons.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/material-icons/material-icons.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/material-icons/material-icons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
diff --git a/docs/pages/material-ui/migration/migrating-from-deprecated-apis.js b/docs/pages/material-ui/migration/migrating-from-deprecated-apis.js
index dfba929b2b1aff..c81d9d8ca4b56f 100644
--- a/docs/pages/material-ui/migration/migrating-from-deprecated-apis.js
+++ b/docs/pages/material-ui/migration/migrating-from-deprecated-apis.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migrating-from-deprecated-apis/migrating-from-deprecated-apis.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migrating-from-deprecated-apis/migrating-from-deprecated-apis.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/migrating-from-jss.js b/docs/pages/material-ui/migration/migrating-from-jss.js
index 898f1052f1f4ff..59c7e953f164f6 100644
--- a/docs/pages/material-ui/migration/migrating-from-jss.js
+++ b/docs/pages/material-ui/migration/migrating-from-jss.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v4/migrating-from-jss.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v4/migrating-from-jss.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/migration-grid-v2.js b/docs/pages/material-ui/migration/migration-grid-v2.js
index 892375f77fb8bd..c318519acb837e 100644
--- a/docs/pages/material-ui/migration/migration-grid-v2.js
+++ b/docs/pages/material-ui/migration/migration-grid-v2.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-grid-v2/migration-grid-v2.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-grid-v2/migration-grid-v2.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/migration-v0x.js b/docs/pages/material-ui/migration/migration-v0x.js
index 786bdfde9c0950..091c721df1ea9c 100644
--- a/docs/pages/material-ui/migration/migration-v0x.js
+++ b/docs/pages/material-ui/migration/migration-v0x.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v0x/migration-v0x.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v0x/migration-v0x.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/migration-v3.js b/docs/pages/material-ui/migration/migration-v3.js
index 2bbfd72d720a95..03bb49dd0b71a9 100644
--- a/docs/pages/material-ui/migration/migration-v3.js
+++ b/docs/pages/material-ui/migration/migration-v3.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v3/migration-v3.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v3/migration-v3.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/migration-v4.js b/docs/pages/material-ui/migration/migration-v4.js
index 4ddf3259b8b371..b6a99a5585f928 100644
--- a/docs/pages/material-ui/migration/migration-v4.js
+++ b/docs/pages/material-ui/migration/migration-v4.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v4/migration-v4.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v4/migration-v4.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/pickers-migration.js b/docs/pages/material-ui/migration/pickers-migration.js
index 3feafabb9a2021..492ab82c347442 100644
--- a/docs/pages/material-ui/migration/pickers-migration.js
+++ b/docs/pages/material-ui/migration/pickers-migration.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/pickers-migration/pickers-migration.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/pickers-migration/pickers-migration.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/troubleshooting.js b/docs/pages/material-ui/migration/troubleshooting.js
index ff5fad560cd923..16a2bc71f51ab2 100644
--- a/docs/pages/material-ui/migration/troubleshooting.js
+++ b/docs/pages/material-ui/migration/troubleshooting.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v4/troubleshooting.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v4/troubleshooting.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/v5-component-changes.js b/docs/pages/material-ui/migration/v5-component-changes.js
index 952b2f7868ab05..d0a7a8d954b2be 100644
--- a/docs/pages/material-ui/migration/v5-component-changes.js
+++ b/docs/pages/material-ui/migration/v5-component-changes.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v4/v5-component-changes.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v4/v5-component-changes.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/migration/v5-style-changes.js b/docs/pages/material-ui/migration/v5-style-changes.js
index f3931f25342d07..d1682ab2a521ea 100644
--- a/docs/pages/material-ui/migration/v5-style-changes.js
+++ b/docs/pages/material-ui/migration/v5-style-changes.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/migration/migration-v4/v5-style-changes.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/migration/migration-v4/v5-style-changes.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-accordion.js b/docs/pages/material-ui/react-accordion.js
index 1735af20f6173a..26291b13befe10 100644
--- a/docs/pages/material-ui/react-accordion.js
+++ b/docs/pages/material-ui/react-accordion.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/accordion/accordion.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/accordion/accordion.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-alert.js b/docs/pages/material-ui/react-alert.js
index 9485efd6e31c0c..84552123aacd05 100644
--- a/docs/pages/material-ui/react-alert.js
+++ b/docs/pages/material-ui/react-alert.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/alert/alert.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/alert/alert.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-app-bar.js b/docs/pages/material-ui/react-app-bar.js
index 6bbde872c3792d..2a58a66711a75c 100644
--- a/docs/pages/material-ui/react-app-bar.js
+++ b/docs/pages/material-ui/react-app-bar.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/app-bar/app-bar.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/app-bar/app-bar.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-autocomplete.js b/docs/pages/material-ui/react-autocomplete.js
index 01c4736311e72b..1ec006a4f20a34 100644
--- a/docs/pages/material-ui/react-autocomplete.js
+++ b/docs/pages/material-ui/react-autocomplete.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/autocomplete/autocomplete.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/autocomplete/autocomplete.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-avatar.js b/docs/pages/material-ui/react-avatar.js
index e8c3f4a63420a3..0c74ca45a6b3d7 100644
--- a/docs/pages/material-ui/react-avatar.js
+++ b/docs/pages/material-ui/react-avatar.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/avatars/avatars.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/avatars/avatars.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-backdrop.js b/docs/pages/material-ui/react-backdrop.js
index 2b0632cb58c837..cac8c8788807d3 100644
--- a/docs/pages/material-ui/react-backdrop.js
+++ b/docs/pages/material-ui/react-backdrop.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/backdrop/backdrop.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/backdrop/backdrop.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-badge.js b/docs/pages/material-ui/react-badge.js
index 4290095f4cc233..096d87c87f47f8 100644
--- a/docs/pages/material-ui/react-badge.js
+++ b/docs/pages/material-ui/react-badge.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/badges/badges.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/badges/badges.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-bottom-navigation.js b/docs/pages/material-ui/react-bottom-navigation.js
index 36ed617cad5561..edefefdea6dbce 100644
--- a/docs/pages/material-ui/react-bottom-navigation.js
+++ b/docs/pages/material-ui/react-bottom-navigation.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/bottom-navigation/bottom-navigation.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/bottom-navigation/bottom-navigation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-box.js b/docs/pages/material-ui/react-box.js
index 9ac1c08bb1475d..e9439033fd229e 100644
--- a/docs/pages/material-ui/react-box.js
+++ b/docs/pages/material-ui/react-box.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/box/box.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/box/box.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-breadcrumbs.js b/docs/pages/material-ui/react-breadcrumbs.js
index fc0dca07bdb455..0cd1f21647d87d 100644
--- a/docs/pages/material-ui/react-breadcrumbs.js
+++ b/docs/pages/material-ui/react-breadcrumbs.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/breadcrumbs/breadcrumbs.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/breadcrumbs/breadcrumbs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-button-group.js b/docs/pages/material-ui/react-button-group.js
index cf9f01e173b02a..e80f999ccf2062 100644
--- a/docs/pages/material-ui/react-button-group.js
+++ b/docs/pages/material-ui/react-button-group.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/material/components/button-group/button-group.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/button-group/button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-button.js b/docs/pages/material-ui/react-button.js
index 411efdc50dde0e..586ee3f38098a6 100644
--- a/docs/pages/material-ui/react-button.js
+++ b/docs/pages/material-ui/react-button.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from 'docs/data/material/components/buttons/buttons.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/buttons/buttons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-card.js b/docs/pages/material-ui/react-card.js
index d994a1ab32d2c6..67fa766a02990f 100644
--- a/docs/pages/material-ui/react-card.js
+++ b/docs/pages/material-ui/react-card.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/cards/cards.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/cards/cards.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-checkbox.js b/docs/pages/material-ui/react-checkbox.js
index 07f95a886d84a4..16ebde8c0e0a9a 100644
--- a/docs/pages/material-ui/react-checkbox.js
+++ b/docs/pages/material-ui/react-checkbox.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/checkboxes/checkboxes.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/checkboxes/checkboxes.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-chip.js b/docs/pages/material-ui/react-chip.js
index fe8b055330bd13..548d240e966a38 100644
--- a/docs/pages/material-ui/react-chip.js
+++ b/docs/pages/material-ui/react-chip.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/chips/chips.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/chips/chips.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-click-away-listener.js b/docs/pages/material-ui/react-click-away-listener.js
index e3796cff26aa69..8b51c04a6b1cf2 100644
--- a/docs/pages/material-ui/react-click-away-listener.js
+++ b/docs/pages/material-ui/react-click-away-listener.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/click-away-listener/click-away-listener.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/click-away-listener/click-away-listener.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-container.js b/docs/pages/material-ui/react-container.js
index 9c97060ef6309b..d5d647dc828dfa 100644
--- a/docs/pages/material-ui/react-container.js
+++ b/docs/pages/material-ui/react-container.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/container/container.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/container/container.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-css-baseline.js b/docs/pages/material-ui/react-css-baseline.js
index 378c57e9d63f48..68d27f2b41af7c 100644
--- a/docs/pages/material-ui/react-css-baseline.js
+++ b/docs/pages/material-ui/react-css-baseline.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/css-baseline/css-baseline.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/css-baseline/css-baseline.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-dialog.js b/docs/pages/material-ui/react-dialog.js
index 8cfd71a5a4174f..537a476553a2eb 100644
--- a/docs/pages/material-ui/react-dialog.js
+++ b/docs/pages/material-ui/react-dialog.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/dialogs/dialogs.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/dialogs/dialogs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-divider.js b/docs/pages/material-ui/react-divider.js
index 71daf6ff7abde4..7c32aa1c784f47 100644
--- a/docs/pages/material-ui/react-divider.js
+++ b/docs/pages/material-ui/react-divider.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/dividers/dividers.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/dividers/dividers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-drawer.js b/docs/pages/material-ui/react-drawer.js
index f83c79e91575de..6d8905e8275778 100644
--- a/docs/pages/material-ui/react-drawer.js
+++ b/docs/pages/material-ui/react-drawer.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/drawers/drawers.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/drawers/drawers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-floating-action-button.js b/docs/pages/material-ui/react-floating-action-button.js
index fe684d1a72bb5b..681bebda025a79 100644
--- a/docs/pages/material-ui/react-floating-action-button.js
+++ b/docs/pages/material-ui/react-floating-action-button.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/floating-action-button/floating-action-button.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/floating-action-button/floating-action-button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-grid.js b/docs/pages/material-ui/react-grid.js
index 7d27856234d783..78ddcb6ee321ee 100644
--- a/docs/pages/material-ui/react-grid.js
+++ b/docs/pages/material-ui/react-grid.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/grid/grid.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/grid/grid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-grid2.js b/docs/pages/material-ui/react-grid2.js
index c54cc22dc246c4..b4dbffc77707c3 100644
--- a/docs/pages/material-ui/react-grid2.js
+++ b/docs/pages/material-ui/react-grid2.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/grid2/grid2.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/grid2/grid2.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-hidden.js b/docs/pages/material-ui/react-hidden.js
index ad2f293376ba01..51cccdd38378a2 100644
--- a/docs/pages/material-ui/react-hidden.js
+++ b/docs/pages/material-ui/react-hidden.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/hidden/hidden.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/hidden/hidden.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-image-list.js b/docs/pages/material-ui/react-image-list.js
index 180743e7514cf5..f0f150afe7277e 100644
--- a/docs/pages/material-ui/react-image-list.js
+++ b/docs/pages/material-ui/react-image-list.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/image-list/image-list.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/image-list/image-list.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-link.js b/docs/pages/material-ui/react-link.js
index ced27132997ae2..c288ac87affe2b 100644
--- a/docs/pages/material-ui/react-link.js
+++ b/docs/pages/material-ui/react-link.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/links/links.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/links/links.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-list.js b/docs/pages/material-ui/react-list.js
index 726bc33e37fd5f..c78ea0de33ba26 100644
--- a/docs/pages/material-ui/react-list.js
+++ b/docs/pages/material-ui/react-list.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/lists/lists.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/lists/lists.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-masonry.js b/docs/pages/material-ui/react-masonry.js
index 068b26221cd1cf..56633ff2e8d6d0 100644
--- a/docs/pages/material-ui/react-masonry.js
+++ b/docs/pages/material-ui/react-masonry.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/masonry/masonry.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/masonry/masonry.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-menu.js b/docs/pages/material-ui/react-menu.js
index 1c3a1e7e4a5d28..33113e15a78f28 100644
--- a/docs/pages/material-ui/react-menu.js
+++ b/docs/pages/material-ui/react-menu.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/menus/menus.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/menus/menus.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-modal.js b/docs/pages/material-ui/react-modal.js
index 7c255bbbf6204b..46d8fc442d7d0d 100644
--- a/docs/pages/material-ui/react-modal.js
+++ b/docs/pages/material-ui/react-modal.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/modal/modal.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/modal/modal.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-no-ssr.js b/docs/pages/material-ui/react-no-ssr.js
index 7e90aa978c9859..ee83206a71178d 100644
--- a/docs/pages/material-ui/react-no-ssr.js
+++ b/docs/pages/material-ui/react-no-ssr.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/no-ssr/no-ssr.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/no-ssr/no-ssr.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-pagination.js b/docs/pages/material-ui/react-pagination.js
index 071ce6e193fc2d..9a48a0ed86d11b 100644
--- a/docs/pages/material-ui/react-pagination.js
+++ b/docs/pages/material-ui/react-pagination.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/pagination/pagination.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/pagination/pagination.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-paper.js b/docs/pages/material-ui/react-paper.js
index 940aaf80a1cd68..41ece6824d65db 100644
--- a/docs/pages/material-ui/react-paper.js
+++ b/docs/pages/material-ui/react-paper.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/paper/paper.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/paper/paper.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-popover.js b/docs/pages/material-ui/react-popover.js
index 702acfdf279948..48cba31980a1c7 100644
--- a/docs/pages/material-ui/react-popover.js
+++ b/docs/pages/material-ui/react-popover.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/popover/popover.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/popover/popover.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-popper.js b/docs/pages/material-ui/react-popper.js
index c9ba100ad5cb50..6ab2616c48f0af 100644
--- a/docs/pages/material-ui/react-popper.js
+++ b/docs/pages/material-ui/react-popper.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/popper/popper.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/popper/popper.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-portal.js b/docs/pages/material-ui/react-portal.js
index e22828e345442a..07a891e7658072 100644
--- a/docs/pages/material-ui/react-portal.js
+++ b/docs/pages/material-ui/react-portal.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/portal/portal.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/portal/portal.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-progress.js b/docs/pages/material-ui/react-progress.js
index e16d1054259264..85e37159117a78 100644
--- a/docs/pages/material-ui/react-progress.js
+++ b/docs/pages/material-ui/react-progress.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/progress/progress.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/progress/progress.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-radio-button.js b/docs/pages/material-ui/react-radio-button.js
index 3391f1d9b7ad39..b881c8a18b6f80 100644
--- a/docs/pages/material-ui/react-radio-button.js
+++ b/docs/pages/material-ui/react-radio-button.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/radio-buttons/radio-buttons.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/radio-buttons/radio-buttons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-rating.js b/docs/pages/material-ui/react-rating.js
index 3f9a073092a454..ece9b071bf2aaa 100644
--- a/docs/pages/material-ui/react-rating.js
+++ b/docs/pages/material-ui/react-rating.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/rating/rating.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/rating/rating.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-select.js b/docs/pages/material-ui/react-select.js
index b7193c97ada5d7..d5d9459ff95307 100644
--- a/docs/pages/material-ui/react-select.js
+++ b/docs/pages/material-ui/react-select.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/selects/selects.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/selects/selects.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-skeleton.js b/docs/pages/material-ui/react-skeleton.js
index 6cb7decf729d7d..40aeb2ea2b2bbe 100644
--- a/docs/pages/material-ui/react-skeleton.js
+++ b/docs/pages/material-ui/react-skeleton.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/skeleton/skeleton.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/skeleton/skeleton.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-slider.js b/docs/pages/material-ui/react-slider.js
index 700e440f91b877..2762b71458c831 100644
--- a/docs/pages/material-ui/react-slider.js
+++ b/docs/pages/material-ui/react-slider.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/slider/slider.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/slider/slider.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-snackbar.js b/docs/pages/material-ui/react-snackbar.js
index 36dc0fa2e66b27..ef9cd9110e75e7 100644
--- a/docs/pages/material-ui/react-snackbar.js
+++ b/docs/pages/material-ui/react-snackbar.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/snackbars/snackbars.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/snackbars/snackbars.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-speed-dial.js b/docs/pages/material-ui/react-speed-dial.js
index a943d8975ce7f6..b51a5eece1a78d 100644
--- a/docs/pages/material-ui/react-speed-dial.js
+++ b/docs/pages/material-ui/react-speed-dial.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/speed-dial/speed-dial.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/speed-dial/speed-dial.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-stack.js b/docs/pages/material-ui/react-stack.js
index d7f68f4b59295d..44e36ffc1eeff3 100644
--- a/docs/pages/material-ui/react-stack.js
+++ b/docs/pages/material-ui/react-stack.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/stack/stack.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/stack/stack.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-stepper.js b/docs/pages/material-ui/react-stepper.js
index 19cf4bc04c2aa5..f56275b1654708 100644
--- a/docs/pages/material-ui/react-stepper.js
+++ b/docs/pages/material-ui/react-stepper.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/steppers/steppers.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/steppers/steppers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-switch.js b/docs/pages/material-ui/react-switch.js
index 39f43bb71630f5..d8d850f538c943 100644
--- a/docs/pages/material-ui/react-switch.js
+++ b/docs/pages/material-ui/react-switch.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/switches/switches.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/switches/switches.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-table.js b/docs/pages/material-ui/react-table.js
index 3ab02c35609b47..10b6203c6b830b 100644
--- a/docs/pages/material-ui/react-table.js
+++ b/docs/pages/material-ui/react-table.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/table/table.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/table/table.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-tabs.js b/docs/pages/material-ui/react-tabs.js
index b26e47504d98bb..51e69d3a7630ae 100644
--- a/docs/pages/material-ui/react-tabs.js
+++ b/docs/pages/material-ui/react-tabs.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/tabs/tabs.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/tabs/tabs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-text-field.js b/docs/pages/material-ui/react-text-field.js
index 7230c8be868240..f7756ce29ddd50 100644
--- a/docs/pages/material-ui/react-text-field.js
+++ b/docs/pages/material-ui/react-text-field.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/text-fields/text-fields.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/text-fields/text-fields.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-textarea-autosize.js b/docs/pages/material-ui/react-textarea-autosize.js
index 2eaee65bf2da0d..7d1def906c2aec 100644
--- a/docs/pages/material-ui/react-textarea-autosize.js
+++ b/docs/pages/material-ui/react-textarea-autosize.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/textarea-autosize/textarea-autosize.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/textarea-autosize/textarea-autosize.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-timeline.js b/docs/pages/material-ui/react-timeline.js
index 6ff6b235875ae5..83869d3365841c 100644
--- a/docs/pages/material-ui/react-timeline.js
+++ b/docs/pages/material-ui/react-timeline.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/timeline/timeline.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/timeline/timeline.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-toggle-button.js b/docs/pages/material-ui/react-toggle-button.js
index e521d502c76378..822839b3fad4a8 100644
--- a/docs/pages/material-ui/react-toggle-button.js
+++ b/docs/pages/material-ui/react-toggle-button.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/toggle-button/toggle-button.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/toggle-button/toggle-button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-tooltip.js b/docs/pages/material-ui/react-tooltip.js
index 65922e0483293b..4cd5c404f860db 100644
--- a/docs/pages/material-ui/react-tooltip.js
+++ b/docs/pages/material-ui/react-tooltip.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/tooltips/tooltips.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/tooltips/tooltips.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-transfer-list.js b/docs/pages/material-ui/react-transfer-list.js
index f8545b86ff0fa3..952f286ac40fc6 100644
--- a/docs/pages/material-ui/react-transfer-list.js
+++ b/docs/pages/material-ui/react-transfer-list.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/transfer-list/transfer-list.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/transfer-list/transfer-list.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-typography.js b/docs/pages/material-ui/react-typography.js
index 2a74055c9b467e..f5014b469b0416 100644
--- a/docs/pages/material-ui/react-typography.js
+++ b/docs/pages/material-ui/react-typography.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/typography/typography.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/typography/typography.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-use-media-query.js b/docs/pages/material-ui/react-use-media-query.js
index 9014b4fd73fa2f..44e229472b0685 100644
--- a/docs/pages/material-ui/react-use-media-query.js
+++ b/docs/pages/material-ui/react-use-media-query.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/use-media-query/use-media-query.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/use-media-query/use-media-query.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/transitions.js b/docs/pages/material-ui/transitions.js
index 2bbd3c89b59813..c60770e5e2c518 100644
--- a/docs/pages/material-ui/transitions.js
+++ b/docs/pages/material-ui/transitions.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/transitions/transitions.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/components/transitions/transitions.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/production-error.js b/docs/pages/production-error.js
index d426a26b05162f..252bce6fd7a876 100644
--- a/docs/pages/production-error.js
+++ b/docs/pages/production-error.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/src/pages/production-error/index.md?@mui/markdown';
+import * as pageProps from 'docs/src/pages/production-error/index.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/system/borders.js b/docs/pages/system/borders.js
index d97158c09f4223..eacccd02e560f1 100644
--- a/docs/pages/system/borders.js
+++ b/docs/pages/system/borders.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/borders/borders.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/borders/borders.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/display.js b/docs/pages/system/display.js
index 5d9c892df5940e..bb5e3c38502640 100644
--- a/docs/pages/system/display.js
+++ b/docs/pages/system/display.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/display/display.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/display/display.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/experimental-api/configure-the-sx-prop.js b/docs/pages/system/experimental-api/configure-the-sx-prop.js
index 45c27611cde73e..483ec361c38222 100644
--- a/docs/pages/system/experimental-api/configure-the-sx-prop.js
+++ b/docs/pages/system/experimental-api/configure-the-sx-prop.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/experimental-api/configure-the-sx-prop/configure-the-sx-prop.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/experimental-api/configure-the-sx-prop/configure-the-sx-prop.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/experimental-api/css-theme-variables.js b/docs/pages/system/experimental-api/css-theme-variables.js
index 11eb1acb123d19..dc3800c74f2ffc 100644
--- a/docs/pages/system/experimental-api/css-theme-variables.js
+++ b/docs/pages/system/experimental-api/css-theme-variables.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/flexbox.js b/docs/pages/system/flexbox.js
index 7c4a4699cbbffd..c8c7fcf3a9ea63 100644
--- a/docs/pages/system/flexbox.js
+++ b/docs/pages/system/flexbox.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/flexbox/flexbox.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/flexbox/flexbox.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/getting-started/custom-components.js b/docs/pages/system/getting-started/custom-components.js
index bc87801ff6c799..62e88e5a2f8a51 100644
--- a/docs/pages/system/getting-started/custom-components.js
+++ b/docs/pages/system/getting-started/custom-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/getting-started/custom-components/custom-components.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/getting-started/custom-components/custom-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/getting-started/index.js b/docs/pages/system/getting-started/index.js
index e9edca84e92352..0622da4c5994aa 100644
--- a/docs/pages/system/getting-started/index.js
+++ b/docs/pages/system/getting-started/index.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/getting-started/overview/overview.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/getting-started/overview/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/system/getting-started/installation.js b/docs/pages/system/getting-started/installation.js
index a5f8f2e7623fdf..f12ec16fd8679c 100644
--- a/docs/pages/system/getting-started/installation.js
+++ b/docs/pages/system/getting-started/installation.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/getting-started/installation/installation.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/getting-started/installation/installation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/system/getting-started/support.js b/docs/pages/system/getting-started/support.js
index fbfc5949c0fb04..45f7873034dfe8 100644
--- a/docs/pages/system/getting-started/support.js
+++ b/docs/pages/system/getting-started/support.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/getting-started/support/support.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/getting-started/support/support.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/system/getting-started/the-sx-prop.js b/docs/pages/system/getting-started/the-sx-prop.js
index aacbdbf57bc11e..54c5ee9127eda3 100644
--- a/docs/pages/system/getting-started/the-sx-prop.js
+++ b/docs/pages/system/getting-started/the-sx-prop.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/getting-started/the-sx-prop/the-sx-prop.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/getting-started/the-sx-prop/the-sx-prop.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/getting-started/usage.js b/docs/pages/system/getting-started/usage.js
index efc7b97cca1d4e..79939296259485 100644
--- a/docs/pages/system/getting-started/usage.js
+++ b/docs/pages/system/getting-started/usage.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/getting-started/usage/usage.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/getting-started/usage/usage.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;
diff --git a/docs/pages/system/grid.js b/docs/pages/system/grid.js
index f69770a4dfd23b..57a3a8cb20183e 100644
--- a/docs/pages/system/grid.js
+++ b/docs/pages/system/grid.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/grid/grid.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/grid/grid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/palette.js b/docs/pages/system/palette.js
index 68b9cc71b0c53c..8ee9d7b41af7d4 100644
--- a/docs/pages/system/palette.js
+++ b/docs/pages/system/palette.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/palette/palette.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/palette/palette.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/positions.js b/docs/pages/system/positions.js
index c4b446c677a7c9..4e434d27c4f311 100644
--- a/docs/pages/system/positions.js
+++ b/docs/pages/system/positions.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/positions/positions.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/positions/positions.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/properties.js b/docs/pages/system/properties.js
index eb3e02ba943311..fe2b4d44783ee6 100644
--- a/docs/pages/system/properties.js
+++ b/docs/pages/system/properties.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/properties/properties.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/properties/properties.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/react-box.js b/docs/pages/system/react-box.js
index 77a18f9691eca0..403c64ee505ac5 100644
--- a/docs/pages/system/react-box.js
+++ b/docs/pages/system/react-box.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/components/box/box.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/components/box/box.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/react-container.js b/docs/pages/system/react-container.js
index c0f3516ec5090a..eb5cf62c9ccdd3 100644
--- a/docs/pages/system/react-container.js
+++ b/docs/pages/system/react-container.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/components/container/container.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/components/container/container.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/react-grid.js b/docs/pages/system/react-grid.js
index 67c5ad62bc03fa..8c07f1e9b829f7 100644
--- a/docs/pages/system/react-grid.js
+++ b/docs/pages/system/react-grid.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/components/grid/grid.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/components/grid/grid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/react-stack.js b/docs/pages/system/react-stack.js
index 360921e5c4dec8..04c6c5ff6d3eee 100644
--- a/docs/pages/system/react-stack.js
+++ b/docs/pages/system/react-stack.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/components/stack/stack.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/components/stack/stack.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/screen-readers.js b/docs/pages/system/screen-readers.js
index 405ea5e96db266..750123d53c6bcd 100644
--- a/docs/pages/system/screen-readers.js
+++ b/docs/pages/system/screen-readers.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/screen-readers/screen-readers.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/screen-readers/screen-readers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/shadows.js b/docs/pages/system/shadows.js
index 1ab37003c97664..bb439b74e2f282 100644
--- a/docs/pages/system/shadows.js
+++ b/docs/pages/system/shadows.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/shadows/shadows.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/shadows/shadows.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/sizing.js b/docs/pages/system/sizing.js
index de7420a4a196be..e44820afaf046b 100644
--- a/docs/pages/system/sizing.js
+++ b/docs/pages/system/sizing.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/sizing/sizing.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/sizing/sizing.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/spacing.js b/docs/pages/system/spacing.js
index b0979022dcc020..4b3487b9b55f77 100644
--- a/docs/pages/system/spacing.js
+++ b/docs/pages/system/spacing.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/spacing/spacing.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/spacing/spacing.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/styled.js b/docs/pages/system/styled.js
index 2353b84ed4ec1f..58f018a20bcabe 100644
--- a/docs/pages/system/styled.js
+++ b/docs/pages/system/styled.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/styled/styled.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/styled/styled.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/styles/advanced.js b/docs/pages/system/styles/advanced.js
index 81def470d18f49..ff680a651985d7 100644
--- a/docs/pages/system/styles/advanced.js
+++ b/docs/pages/system/styles/advanced.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/styles/advanced/advanced.md?@mui/markdown';
+import * as pageProps from 'docs/data/styles/advanced/advanced.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/styles/api.js b/docs/pages/system/styles/api.js
index 4cab1a7b5ac9ea..7ad94b2e7d6d7b 100644
--- a/docs/pages/system/styles/api.js
+++ b/docs/pages/system/styles/api.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/styles/api/api.md?@mui/markdown';
+import * as pageProps from 'docs/data/styles/api/api.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/styles/basics.js b/docs/pages/system/styles/basics.js
index 3ab1f355e5ef13..711b29c60422a7 100644
--- a/docs/pages/system/styles/basics.js
+++ b/docs/pages/system/styles/basics.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/styles/basics/basics.md?@mui/markdown';
+import * as pageProps from 'docs/data/styles/basics/basics.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/system/typography.js b/docs/pages/system/typography.js
index 2b0fc3e44944ac..0aeb4e36e09620 100644
--- a/docs/pages/system/typography.js
+++ b/docs/pages/system/typography.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/system/typography/typography.md?@mui/markdown';
+import * as pageProps from 'docs/data/system/typography/typography.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/versions.js b/docs/pages/versions.js
index b29a1f5af484a9..b0c0cc3555be6b 100644
--- a/docs/pages/versions.js
+++ b/docs/pages/versions.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import sortedUniqBy from 'lodash/sortedUniqBy';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import VersionsContext from 'docs/src/pages/versions/VersionsContext';
-import * as pageProps from 'docs/src/pages/versions/versions.md?@mui/markdown';
+import * as pageProps from 'docs/src/pages/versions/versions.md?muiMarkdown';
 
 export default function Page(props) {
   const { versions } = props;
diff --git a/docs/scripts/reportBrokenLinks.js b/docs/scripts/reportBrokenLinks.js
index ff817970f2c3d2..ae3943a72061a9 100644
--- a/docs/scripts/reportBrokenLinks.js
+++ b/docs/scripts/reportBrokenLinks.js
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 const path = require('path');
 const fse = require('fs-extra');
-const { createRender } = require('@mui/markdown');
+const { createRender } = require('@mui/internal-markdown');
 const { marked } = require('marked');
 const { LANGUAGES_IGNORE_PAGES } = require('../config');
 
@@ -95,17 +95,17 @@ const getMdFilesImported = (jsPageFile) => {
   const fileContent = fse.readFileSync(jsPageFile, 'utf8');
   /**
    * Content files can be represented by either:
-   * - 'docsx/data/advanced-components/overview.md?@mui/markdown'; (for mui-x)
-   * - 'docs/data/advanced-components/overview.md?@mui/markdown';
-   * - './index.md?@mui/markdown';
+   * - 'docsx/data/advanced-components/overview.md?muiMarkdown'; (for mui-x)
+   * - 'docs/data/advanced-components/overview.md?muiMarkdown';
+   * - './index.md?muiMarkdown';
    */
-  const importPaths = fileContent.match(/'.*\?@mui\/markdown'/g);
+  const importPaths = fileContent.match(/'.*\?muiMarkdown'/g);
 
   if (importPaths === null) {
     return [];
   }
   return importPaths.map((importPath) => {
-    let cleanImportPath = importPath.slice(1, importPath.length - "?@mui/markdown'".length);
+    let cleanImportPath = importPath.slice(1, importPath.length - "?muiMarkdown'".length);
     if (cleanImportPath.startsWith('.')) {
       cleanImportPath = path.join(path.dirname(jsPageFile), cleanImportPath);
     } else if (cleanImportPath.startsWith('docs/')) {
diff --git a/docs/src/featureToggle.js b/docs/src/featureToggle.js
index c5458fa9f371e9..53f6d955cabc18 100644
--- a/docs/src/featureToggle.js
+++ b/docs/src/featureToggle.js
@@ -1,4 +1,4 @@
-// need to use commonjs export so that @mui/markdown can use
+// need to use commonjs export so that @mui/internal-markdown can use
 module.exports = {
   enable_website_banner: true,
   enable_toc_banner: true,
diff --git a/docs/src/modules/components/DemoEditor.tsx b/docs/src/modules/components/DemoEditor.tsx
index 0172043e473a87..8877685b09e47d 100644
--- a/docs/src/modules/components/DemoEditor.tsx
+++ b/docs/src/modules/components/DemoEditor.tsx
@@ -3,7 +3,7 @@ import SimpleCodeEditor from 'react-simple-code-editor';
 import Box from '@mui/material/Box';
 import { NoSsr } from '@mui/base/NoSsr';
 import { styled, useTheme } from '@mui/material/styles';
-import prism from '@mui/markdown/prism';
+import prism from '@mui/internal-markdown/prism';
 import MarkdownElement from 'docs/src/modules/components/MarkdownElement';
 import CodeCopyButton from 'docs/src/modules/components/CodeCopyButton';
 import { useTranslate } from '@mui/docs/i18n';
diff --git a/docs/src/modules/components/HighlightedCode.js b/docs/src/modules/components/HighlightedCode.js
index e613533f1a7283..ca7a8458fa1034 100644
--- a/docs/src/modules/components/HighlightedCode.js
+++ b/docs/src/modules/components/HighlightedCode.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import prism from '@mui/markdown/prism';
+import prism from '@mui/internal-markdown/prism';
 import { NoSsr } from '@mui/base/NoSsr';
 import MarkdownElement from 'docs/src/modules/components/MarkdownElement';
 import CodeCopyButton from 'docs/src/modules/components/CodeCopyButton';
diff --git a/docs/src/modules/utils/mapApiPageTranslations.js b/docs/src/modules/utils/mapApiPageTranslations.js
index d2ab8b302650b3..321b74a3d5f456 100644
--- a/docs/src/modules/utils/mapApiPageTranslations.js
+++ b/docs/src/modules/utils/mapApiPageTranslations.js
@@ -1,4 +1,4 @@
-import { createRender } from '@mui/markdown';
+import { createRender } from '@mui/internal-markdown';
 import { LANGUAGES_IGNORE_PAGES } from '../../../config';
 
 const notEnglishJsonRegExp = /-([a-z]{2})\.json$/;
diff --git a/docs/src/pages/production-error/ErrorDecoder.js b/docs/src/pages/production-error/ErrorDecoder.js
index 8231ebe61074dc..59c85abb9a6cc7 100644
--- a/docs/src/pages/production-error/ErrorDecoder.js
+++ b/docs/src/pages/production-error/ErrorDecoder.js
@@ -3,7 +3,7 @@ import { useRouter } from 'next/router';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
-import { renderMarkdown } from '@mui/markdown';
+import { renderMarkdown } from '@mui/internal-markdown';
 import MarkdownElement from 'docs/src/modules/components/MarkdownElement';
 
 const ErrorMessageSection = styled('div')({
diff --git a/docs/types/docs.d.ts b/docs/types/docs.d.ts
index 99dc918d166794..ccfe104621b766 100644
--- a/docs/types/docs.d.ts
+++ b/docs/types/docs.d.ts
@@ -13,7 +13,7 @@ declare module 'docs/src/modules/components/HighlightedCode' {
     copyButtonProps?: JSX.IntrinsicElements['button'];
     /**
      * short identifier of the code language
-     * see @mui/markdown/prism for possible languages
+     * see @mui/internal-markdown/prism for possible languages
      */
     language: string;
     /**
diff --git a/packages/api-docs-builder-core/baseUi/generateBaseUiApiPages.ts b/packages/api-docs-builder-core/baseUi/generateBaseUiApiPages.ts
index 929ada80e915a5..2989159dd6fd24 100644
--- a/packages/api-docs-builder-core/baseUi/generateBaseUiApiPages.ts
+++ b/packages/api-docs-builder-core/baseUi/generateBaseUiApiPages.ts
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import kebabCase from 'lodash/kebabCase';
-import { getHeaders } from '@mui/markdown';
+import { getHeaders } from '@mui/internal-markdown';
 import findPagesMarkdown from '@mui-internal/api-docs-builder/utils/findPagesMarkdown';
 import { writePrettifiedFile } from '@mui-internal/api-docs-builder/buildApiUtils';
 
@@ -30,7 +30,7 @@ export async function generateBaseUIApiPages() {
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from '${importStatement}?@mui/markdown';
+import * as pageProps from '${importStatement}?muiMarkdown';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
@@ -116,7 +116,7 @@ Page.getLayout = (page) => {
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
 import AppFrame from 'docs/src/modules/components/AppFrame';
-import * as pageProps from '${importStatement}?@mui/markdown';
+import * as pageProps from '${importStatement}?muiMarkdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 ${apiTabImportStatements}
 
diff --git a/packages/api-docs-builder-core/baseUi/getBaseUiComponentInfo.ts b/packages/api-docs-builder-core/baseUi/getBaseUiComponentInfo.ts
index 3a9b2a12718bdd..b3d8ba5c182530 100644
--- a/packages/api-docs-builder-core/baseUi/getBaseUiComponentInfo.ts
+++ b/packages/api-docs-builder-core/baseUi/getBaseUiComponentInfo.ts
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import kebabCase from 'lodash/kebabCase';
-import { getHeaders, getTitle } from '@mui/markdown';
+import { getHeaders, getTitle } from '@mui/internal-markdown';
 import {
   ComponentInfo,
   extractPackageFile,
diff --git a/packages/api-docs-builder-core/baseUi/getBaseUiHookInfo.ts b/packages/api-docs-builder-core/baseUi/getBaseUiHookInfo.ts
index 7a74e48c77801e..6859623e09a5de 100644
--- a/packages/api-docs-builder-core/baseUi/getBaseUiHookInfo.ts
+++ b/packages/api-docs-builder-core/baseUi/getBaseUiHookInfo.ts
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import kebabCase from 'lodash/kebabCase';
-import { getHeaders, getTitle } from '@mui/markdown';
+import { getHeaders, getTitle } from '@mui/internal-markdown';
 import {
   ComponentInfo,
   HookInfo,
diff --git a/packages/api-docs-builder-core/joyUi/getJoyUiComponentInfo.ts b/packages/api-docs-builder-core/joyUi/getJoyUiComponentInfo.ts
index cedc966f4a1640..6e93feb97b55eb 100644
--- a/packages/api-docs-builder-core/joyUi/getJoyUiComponentInfo.ts
+++ b/packages/api-docs-builder-core/joyUi/getJoyUiComponentInfo.ts
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import kebabCase from 'lodash/kebabCase';
-import { getHeaders, getTitle } from '@mui/markdown';
+import { getHeaders, getTitle } from '@mui/internal-markdown';
 import {
   ComponentInfo,
   extractPackageFile,
diff --git a/packages/api-docs-builder-core/materialUi/getMaterialUiComponentInfo.ts b/packages/api-docs-builder-core/materialUi/getMaterialUiComponentInfo.ts
index c95b740ee79cd5..be080b01e268a9 100644
--- a/packages/api-docs-builder-core/materialUi/getMaterialUiComponentInfo.ts
+++ b/packages/api-docs-builder-core/materialUi/getMaterialUiComponentInfo.ts
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import kebabCase from 'lodash/kebabCase';
-import { getHeaders, getTitle } from '@mui/markdown';
+import { getHeaders, getTitle } from '@mui/internal-markdown';
 import {
   ComponentInfo,
   extractPackageFile,
diff --git a/packages/api-docs-builder-core/muiSystem/getSystemComponentInfo.ts b/packages/api-docs-builder-core/muiSystem/getSystemComponentInfo.ts
index 5074cf652e9d87..7ae097a4ffc2eb 100644
--- a/packages/api-docs-builder-core/muiSystem/getSystemComponentInfo.ts
+++ b/packages/api-docs-builder-core/muiSystem/getSystemComponentInfo.ts
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import kebabCase from 'lodash/kebabCase';
-import { getHeaders, getTitle } from '@mui/markdown';
+import { getHeaders, getTitle } from '@mui/internal-markdown';
 import {
   ComponentInfo,
   extractPackageFile,
diff --git a/packages/api-docs-builder-core/package.json b/packages/api-docs-builder-core/package.json
index 471dfded3f00d3..aa4dc20a1f6fc2 100644
--- a/packages/api-docs-builder-core/package.json
+++ b/packages/api-docs-builder-core/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@mui-internal/api-docs-builder": "workspace:^",
-    "@mui/markdown": "workspace:^",
+    "@mui/internal-markdown": "workspace:^",
     "docs": "workspace:^",
     "lodash": "^4.17.21"
   },
diff --git a/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
index ebe0d2e8374a07..379532af1e7d0f 100644
--- a/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
@@ -9,7 +9,7 @@ import remark from 'remark';
 import remarkVisit from 'unist-util-visit';
 import type { Link } from 'mdast';
 import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen';
-import { renderMarkdown } from '@mui/markdown';
+import { renderMarkdown } from '@mui/internal-markdown';
 import { ComponentClassDefinition } from '@mui-internal/docs-utils';
 import { ProjectSettings, SortingStrategiesType } from '../ProjectSettings';
 import { ComponentInfo, toGitHubPath, writePrettifiedFile } from '../buildApiUtils';
diff --git a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
index e9d357164e67cd..f02e5e6d9de344 100644
--- a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
@@ -8,7 +8,7 @@ import traverse from '@babel/traverse';
 import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen';
 import kebabCase from 'lodash/kebabCase';
 import upperFirst from 'lodash/upperFirst';
-import { renderMarkdown } from '@mui/markdown';
+import { renderMarkdown } from '@mui/internal-markdown';
 import { ProjectSettings } from '../ProjectSettings';
 import { computeApiDescription } from './ComponentApiBuilder';
 import {
diff --git a/packages/api-docs-builder/package.json b/packages/api-docs-builder/package.json
index d04916d0fd9049..ab819321b1f584 100644
--- a/packages/api-docs-builder/package.json
+++ b/packages/api-docs-builder/package.json
@@ -12,7 +12,7 @@
     "@babel/preset-typescript": "^7.23.3",
     "@babel/traverse": "^7.23.9",
     "@mui-internal/docs-utils": "workspace:^",
-    "@mui/markdown": "workspace:^",
+    "@mui/internal-markdown": "workspace:^",
     "ast-types": "^0.14.2",
     "doctrine": "^3.0.0",
     "fast-glob": "^3.3.2",
diff --git a/packages/api-docs-builder/utils/parseSlotsAndClasses.ts b/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
index 8056c440d663bf..92582e71355370 100644
--- a/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
+++ b/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
@@ -1,6 +1,6 @@
 import * as ts from 'typescript';
 import { ComponentClassDefinition } from '@mui-internal/docs-utils';
-import { renderMarkdown } from '@mui/markdown';
+import { renderMarkdown } from '@mui/internal-markdown';
 import { getSymbolDescription, getSymbolJSDocTags } from '../buildApiUtils';
 import { TypeScriptProject } from './createTypeScriptProject';
 import { getPropsFromComponentNode } from './getPropsFromComponentNode';
@@ -53,7 +53,10 @@ export default function parseSlotsAndClasses({
   componentName,
   muiName,
   slotInterfaceName,
-}: ParseSlotsAndClassesParameters): { slots: Slot[]; classes: ComponentClassDefinition[] } {
+}: ParseSlotsAndClassesParameters): {
+  slots: Slot[];
+  classes: ComponentClassDefinition[];
+} {
   // Obtain an array of classes for the given component
   const classDefinitions = extractClasses(
     typescriptProject,
diff --git a/packages/markdown/CHANGELOG.md b/packages/markdown/CHANGELOG.md
new file mode 100644
index 00000000000000..e8e145aeb8077c
--- /dev/null
+++ b/packages/markdown/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Changelog
+
+## 1.0.0
+
+First release as an npm package.
diff --git a/packages/markdown/README.md b/packages/markdown/README.md
new file mode 100644
index 00000000000000..d7f8bba018b3bf
--- /dev/null
+++ b/packages/markdown/README.md
@@ -0,0 +1,11 @@
+# @mui-internal/markdown
+
+MUI markdown parser and webpack loader.
+This is an internal package not meant for general use.
+
+## Release
+
+There is no build step.
+Sources are meant to be used directly.
+
+To publish the build artifacts to npm run `pnpm release:publish`.
diff --git a/packages/markdown/loader.js b/packages/markdown/loader.js
index 99da3ae6403e1c..ed418dc2bfc0b8 100644
--- a/packages/markdown/loader.js
+++ b/packages/markdown/loader.js
@@ -28,50 +28,33 @@ function moduleIDToJSIdentifier(moduleID) {
     .join('');
 }
 
-const componentPackageMapping = {
-  'material-ui': {},
-  'base-ui': {},
-  'joy-ui': {},
-};
+let componentPackageMapping = null;
 
-const packages = [
-  {
-    productId: 'material-ui',
-    paths: [
-      path.join(__dirname, '../../packages/mui-base/src'),
-      path.join(__dirname, '../../packages/mui-lab/src'),
-      path.join(__dirname, '../../packages/mui-material/src'),
-    ],
-  },
-  {
-    productId: 'base-ui',
-    paths: [path.join(__dirname, '../../packages/mui-base/src')],
-  },
-  {
-    productId: 'joy-ui',
-    paths: [path.join(__dirname, '../../packages/mui-joy/src')],
-  },
-];
-
-packages.forEach((pkg) => {
-  pkg.paths.forEach((pkgPath) => {
-    const match = pkgPath.match(/packages(?:\\|\/)([^/\\]+)(?:\\|\/)src/);
-    const packageName = match ? match[1] : null;
-    if (!packageName) {
-      throw new Error(`cannot find package name from path: ${pkgPath}`);
-    }
-    const filePaths = readdirSync(pkgPath);
-    filePaths.forEach((folder) => {
-      if (folder.match(/^[A-Z]/)) {
-        if (!componentPackageMapping[pkg.productId]) {
-          throw new Error(`componentPackageMapping must have "${pkg.productId}" as a key`);
-        }
-        // filename starts with Uppercase = component
-        componentPackageMapping[pkg.productId][folder] = packageName;
+function findComponents(packages) {
+  const mapping = {};
+
+  packages.forEach((pkg) => {
+    pkg.paths.forEach((pkgPath) => {
+      const match = pkgPath.match(/packages(?:\\|\/)([^/\\]+)(?:\\|\/)src/);
+      const packageName = match ? match[1] : null;
+      if (!packageName) {
+        throw new Error(`cannot find package name from path: ${pkgPath}`);
       }
+      const filePaths = readdirSync(pkgPath);
+      filePaths.forEach((folder) => {
+        if (folder.match(/^[A-Z]/)) {
+          if (!mapping[pkg.productId]) {
+            mapping[pkg.productId] = {};
+          }
+          // filename starts with Uppercase = component
+          mapping[pkg.productId][folder] = packageName;
+        }
+      });
     });
   });
-});
+
+  return mapping;
+}
 
 /**
  * @type {import('webpack').loader.Loader}
@@ -80,6 +63,10 @@ module.exports = async function demoLoader() {
   const englishFilepath = this.resourcePath;
   const options = this.getOptions();
 
+  if (componentPackageMapping === null) {
+    componentPackageMapping = findComponents(options.packages ?? []);
+  }
+
   const englishFilename = path.basename(englishFilepath, '.md');
 
   const files = await fs.readdir(path.dirname(englishFilepath));
@@ -122,9 +109,8 @@ module.exports = async function demoLoader() {
   );
 
   // Use .. as the docs runs from the /docs folder
-  const repositoryRoot = path.join(this.rootContext, '..');
   const fileRelativeContext = path
-    .relative(repositoryRoot, this.context)
+    .relative(options.workspaceRoot, this.context)
     // win32 to posix
     .replace(/\\/g, '/');
 
diff --git a/packages/markdown/package.json b/packages/markdown/package.json
index d6d982041d4255..4b799f5e3f95b2 100644
--- a/packages/markdown/package.json
+++ b/packages/markdown/package.json
@@ -1,7 +1,8 @@
 {
-  "name": "@mui/markdown",
-  "version": "5.0.0",
-  "private": true,
+  "name": "@mui/internal-markdown",
+  "version": "1.0.0",
+  "author": "MUI Team",
+  "description": "MUI markdown parser. This is an internal package not meant for general use.",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -9,6 +10,15 @@
     "./loader": "./loader.js",
     "./prism": "./prism.js"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mui/material-ui.git",
+    "directory": "packages/docs-utils"
+  },
+  "scripts": {
+    "release:publish": "pnpm publish --tag latest",
+    "release:publish:dry-run": "pnpm publish --tag latest --registry=\"http://localhost:4873/\""
+  },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "lodash": "^4.17.21",
@@ -18,5 +28,8 @@
   "devDependencies": {
     "@types/chai": "^4.3.11",
     "chai": "^4.4.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }
diff --git a/packages/markdown/prepareMarkdown.js b/packages/markdown/prepareMarkdown.js
index 07cd8593e0d0eb..31e2a95a9e710b 100644
--- a/packages/markdown/prepareMarkdown.js
+++ b/packages/markdown/prepareMarkdown.js
@@ -240,7 +240,7 @@ ${headers.hooks
   if (docs.en.headers.card === 'true') {
     const slug = docs.en.location.replace(/(.*)\/(.*)\.md/, '$2');
     const exists = fs.existsSync(
-      path.resolve(__dirname, `../../docs/public/static/blog/${slug}/card.png`),
+      path.resolve(config.options.workspaceRoot, `docs/public/static/blog/${slug}/card.png`),
     );
 
     if (!exists) {
diff --git a/packages/mui-icons-material/test/generated-types/tsconfig.json b/packages/mui-icons-material/test/generated-types/tsconfig.json
index 182ab1f9baed41..9b00faf9c2d744 100644
--- a/packages/mui-icons-material/test/generated-types/tsconfig.json
+++ b/packages/mui-icons-material/test/generated-types/tsconfig.json
@@ -21,8 +21,8 @@
       "@mui/joy/*": ["./mui-joy/src/*"],
       "@mui/lab": ["./mui-lab/src"],
       "@mui/lab/*": ["./mui-lab/src/*"],
-      "@mui/markdown": ["./markdown"],
-      "@mui/markdown/*": ["./markdown/*"],
+      "@mui/internal-markdown": ["./markdown"],
+      "@mui/internal-markdown/*": ["./markdown/*"],
       "@mui/material-next": ["./mui-material-next/src"],
       "@mui/material-next/*": ["./mui-material-next/src/*"],
       "@mui/material-nextjs": ["./mui-material-nextjs/src"],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 505d313ec69d15..70544eee911181 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -592,15 +592,15 @@ importers:
       '@mui/icons-material':
         specifier: workspace:^
         version: link:../packages/mui-icons-material/build
+      '@mui/internal-markdown':
+        specifier: workspace:^
+        version: link:../packages/markdown
       '@mui/joy':
         specifier: workspace:*
         version: link:../packages/mui-joy/build
       '@mui/lab':
         specifier: workspace:*
         version: link:../packages/mui-lab/build
-      '@mui/markdown':
-        specifier: workspace:^
-        version: link:../packages/markdown
       '@mui/material':
         specifier: workspace:^
         version: link:../packages/mui-material/build
@@ -993,7 +993,7 @@ importers:
       '@mui-internal/docs-utils':
         specifier: workspace:^
         version: link:../docs-utils
-      '@mui/markdown':
+      '@mui/internal-markdown':
         specifier: workspace:^
         version: link:../markdown
       ast-types:
@@ -1069,7 +1069,7 @@ importers:
       '@mui-internal/api-docs-builder':
         specifier: workspace:^
         version: link:../api-docs-builder
-      '@mui/markdown':
+      '@mui/internal-markdown':
         specifier: workspace:^
         version: link:../markdown
       docs:
diff --git a/test/regressions/webpack.config.js b/test/regressions/webpack.config.js
index f01402c61451df..b4472eedd1cfe4 100644
--- a/test/regressions/webpack.config.js
+++ b/test/regressions/webpack.config.js
@@ -33,7 +33,7 @@ module.exports = {
     rules: [
       {
         test: /\.(js|ts|tsx)$/,
-        // prism.js blocks @mui/markdown/prism from being interpreted as ESM in this build.
+        // prism.js blocks @mui/internal-markdown/prism from being interpreted as ESM in this build.
         exclude: /node_modules|prism\.js/,
         loader: 'babel-loader',
         options: {
diff --git a/tsconfig.json b/tsconfig.json
index 5e860876aa929b..1dcf1925a54a49 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,8 +18,8 @@
       "@mui/material/*": ["./packages/mui-material/src/*"],
       "@mui/lab": ["./packages/mui-lab/src"],
       "@mui/lab/*": ["./packages/mui-lab/src/*"],
-      "@mui/markdown": ["./packages/markdown"],
-      "@mui/markdown/*": ["./packages/markdown/*"],
+      "@mui/internal-markdown": ["./packages/markdown"],
+      "@mui/internal-markdown/*": ["./packages/markdown/*"],
       "@mui/styled-engine": ["./packages/mui-styled-engine/src"],
       "@mui/styled-engine/*": ["./packages/mui-styled-engine/src/*"],
       "@mui/styled-engine-sc": ["./packages/mui-styled-engine-sc/src"],
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 9262773b3678c6..c9530cd25ee3bf 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -9,7 +9,7 @@ module.exports = {
   resolve: {
     modules: [__dirname, 'node_modules'],
     alias: {
-      '@mui/markdown': path.resolve(__dirname, './packages/markdown'),
+      '@mui/internal-markdown': path.resolve(__dirname, './packages/markdown'),
       '@mui/material': path.resolve(__dirname, './packages/mui-material/src'),
       '@mui/docs': path.resolve(__dirname, './packages/mui-docs/src'),
       '@mui/icons-material': path.resolve(__dirname, './packages/mui-icons-material/lib/esm'),