fix: cut over document-domain-workaround to mdx component

Author: AtofStryker

docs/guides/guides/cross-origin-testing.mdx

@@ -26,7 +26,8 @@ property into the visited `text/html` pages. This is why navigations without the
 use of the [`cy.origin()`](/api/commands/origin) command are solely scope to the
 same superdomain.
 
-::include{file=partials/document-domain-workaround.md}
+<DocumentDomainWorkaround />
+
 
 We understand this is a bit complicated to understand, so we have built a nifty
 chart to help clarify the differences!

docs/partials/document-domain-workaround.md docs/partials/_document-domain-workaround.mdx

@@ -1,7 +1,7 @@
-<Alert type="warning">
+:::caution
 
 <strong class="alert-header"><Icon name="exclamation-triangle"></Icon> Disabling
-`document.domain` Injection</strong>
+document.domain Injection</strong>
 
 In some cases, `document.domain` injection may cause issues. As of Cypress
 [v12.4.0](https://on.cypress.io/changelog#12-4-0), disabling `document.domain`
@@ -10,4 +10,4 @@ read about this
 [experiment](/guides/references/experiments#Experimental-Skip-Domain-Injection)
 for more information
 
-</Alert>
+:::

src/theme/MDXComponents.js

@@ -9,6 +9,7 @@ import CypressConfigFileTabs from "@site/src/components/cypress-config-file-tabs
 import DefaultSelectorPriority from "@site/docs/partials/_default-selector-priority.mdx";
 import DocsImage from "@site/src/components/docs-image";
 import DocsVideo from "@site/src/components/docs-video";
+import DocumentDomainWorkaround from "@site/docs/partials/_document-domain-workaround.mdx"
 import E2EOnlyBadge from "@site/src/components/e2e-only-badge";
 import E2EOrCtTabs from "@site/src/components/e2e-or-ct-tabs";
 import VueSyntaxTabs from "@site/src/components/vue-syntax-tabs";
@@ -119,6 +120,7 @@ export default {
   DefaultSelectorPriority,
   DocsImage,
   DocsVideo,
+  DocumentDomainWorkaround,
   E2EOnlyBadge,
   E2EOrCtTabs,
   VueSyntaxTabs,