fix: formatted TOC title (#104)

Author: amirhhashemi

dev/src/routes/index.mdx

@@ -6,6 +6,8 @@ title: Test2
 
 ## Heading 2
 
+## Heading 2 with `code`
+
 ### Heading 3
 
 #### Heading 4

package.json

@@ -151,6 +151,7 @@
     "hastscript": "^9.0.0",
     "mdast-util-find-and-replace": "^3.0.1",
     "mdast-util-mdx-jsx": "^3.2.0",
+    "mdast-util-to-string": "^4.0.0",
     "mdast-util-toc": "^7.1.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-expressive-code": "^0.40.2",

pnpm-lock.yaml

@@ -2,6 +2,7 @@ import { fromJs } from "esast-util-from-js";
 import type { PhrasingContent } from "mdast";
 import { findAndReplace } from "mdast-util-find-and-replace";
 import { type Options, toc } from "mdast-util-toc";
+import { toString } from "mdast-util-to-string"
 
 interface ParagraphNode {
 	type: "paragraph";
@@ -31,7 +32,7 @@ interface TOCTree {
 
 function mapNode(node: ListItemNode): TOCTree {
 	return {
-		title: node.children[0].children[0].children[0].value,
+		title: toString(node.children[0].children[0].children),
 		href: node.children[0].children[0].url,
 		children: (node.children[1]?.children ?? []).map(mapNode),
 	};