allow (and properly style) code blocks in headings

Author: dummdidumm

apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte

@@ -31,6 +31,7 @@
 
 	.page :global(:where(h2, h3) code) {
 		all: unset;
+		font-family: var(--sk-font-mono);
 	}
 
 	@media (min-width: 832px) {

packages/site-kit/src/lib/markdown/renderer.ts

@@ -269,10 +269,7 @@ export async function render_content_markdown(
 			headings[depth - 1] = slugify(raw);
 			headings.length = depth;
 			const slug = headings.filter(Boolean).join('-');
-			return `<h${depth} id="${slug}">${text.replace(
-				/<\/?code>/g,
-				''
-			)}<a href="#${slug}" class="permalink"><span class="visually-hidden">permalink</span></a></h${depth}>`;
+			return `<h${depth} id="${slug}">${text}<a href="#${slug}" class="permalink"><span class="visually-hidden">permalink</span></a></h${depth}>`;
 		},
 		code({ text }) {
 			return snippets.get(text);