fix(deps): avoid shadow dependencies

package.json

@@ -35,20 +35,22 @@
     "paneforge": "^0.0.5",
     "pyodide": "0.26.2",
     "rehype-stringify": "^10.0.0",
-    "remark": "^15.0.1",
     "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.0",
     "rollup-plugin-flatten-dir": "^1.0.1",
     "shiki": "^1.12.1",
     "svelte": "^4.2.18",
     "svelte-portal": "^2.2.1",
     "svelte-sonner": "0.3.27",
+    "unified": "^11.0.5",
     "unocss": "^0.61.9",
     "unzipit": "^1.4.3",
     "vite": "^5.3.5"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.24.1",
+    "@types/mdast": "^4.0.4",
     "@unocss/eslint-config": "^0.61.9",
     "eslint": "^9.8.0",
     "eslint-plugin-format": "^0.1.2",

src/lib/components/reusable/WithMarkdown.svelte

@@ -1,10 +1,11 @@
 <script context="module">
   import "../../md.css";
 
-  import { remark } from "remark";
   import remarkGfm from "remark-gfm";
+  import remarkParse from "remark-parse";
+  import { unified } from "unified";
 
-  const processor = remark().use(remarkGfm);
+  const processor = unified().use(remarkParse).use(remarkGfm);
   const parse = processor.parse.bind(processor);
 </script>