[Docs Site] Add ignore-md class for vendored Markdown (#23711)

Author: KianNH

src/components/overrides/PageTitle.astro

@@ -122,7 +122,7 @@ const hideBreadcrumbs = Astro.locals.starlightRoute.hideBreadcrumbs;
 
 {
 	component && (
-			<div class="sl-markdown-content">
+			<div class="sl-markdown-content md-ignore">
 				<ComponentUsage component={component} />
 			</div>
 	)

src/content/docs/style-guide/components/render.mdx

@@ -38,7 +38,6 @@ import { Render } from "~/components";
   When using the `Render` component inside partials, the original `product` is lost.
 
   For example, if there are three files:
-
   1.  `docs/fundamentals/index.mdx`
   2.  `partials/dns/thing.mdx`
   3.  `partials/dns/thing2.mdx`
@@ -195,4 +194,6 @@ import { Render } from "~/components";
 
 ## Partials
 
-<PartialsUsage />
+<div class="md-ignore">
+	<PartialsUsage />
+</div>

src/plugins/rehype/filter-elements.ts

@@ -113,7 +113,7 @@ const ALLOWED_ATTRIBUTES: Record<string, string[]> = {
 
 const UNWRAP_CLASS_NAMES = ["heading-wrapper"];
 
-const DISALLOWED_CLASS_NAMES = ["external-link", "anchor-link"];
+const DISALLOWED_CLASS_NAMES = ["external-link", "anchor-link", "md-ignore"];
 
 export default function () {
 	return function (tree: Root) {

src/util/markdown.ts

@@ -15,7 +15,7 @@ export async function htmlToMarkdown(
 	url: string,
 ): Promise<string | undefined> {
 	const dom = parse(html);
-	const content = dom.querySelector(".sl-markdown-content");
+	const content = dom.querySelector(".sl-markdown-content:not(.md-ignore)");
 
 	if (!content) {
 		return;