fix(config/docs): mermaid diagrams not rendering

apps/docs-migration/source.config.ts

@@ -1,3 +1,4 @@
+import { remarkMermaid } from '@theguild/remark-mermaid'
 import { defineConfig, defineDocs } from 'fumadocs-mdx/config'
 import rehypeKatex from 'rehype-katex'
 import remarkMath from 'remark-math'
@@ -8,7 +9,7 @@ export const { docs, meta } = defineDocs({
 
 export default defineConfig({
   mdxOptions: {
-    remarkPlugins: [remarkMath],
+    remarkPlugins: [remarkMath, remarkMermaid],
     // Place it at first so that it won't be changed by syntax highlighter
     rehypePlugins: v => [rehypeKatex, ...v],
   },

package.json

@@ -104,6 +104,7 @@
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "^14.5.2",
+    "@theguild/remark-mermaid": "^0.1.3",
     "@types/mdx": "^2.0.13",
     "@types/node": "22.8.6",
     "@types/react": "^18.3.12",