diff --git a/.gitignore b/.gitignore
index 990cf8f24..36f4d7564 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,3 +16,5 @@ example/demo.js*
 example/demo.css
 
 dist
+
+.env
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callout-tests-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callout-tests-without-surprises-1-snap.png
index 0139e3e07..8e435f209 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callout-tests-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callout-tests-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-block-tests-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-block-tests-without-surprises-1-snap.png
index e03c06a7d..322492b99 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-block-tests-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-block-tests-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-blocks-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-blocks-without-surprises-1-snap.png
index 4c87b2a32..188030ae2 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-blocks-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-blocks-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-embeds-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-embeds-without-surprises-1-snap.png
index 45b929a29..f7bfb6f8b 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-embeds-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-embeds-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-html-tests-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-html-tests-without-surprises-1-snap.png
index 458ebc6d9..093ae091f 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-html-tests-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-html-tests-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-images-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-images-without-surprises-1-snap.png
index 0a1a1b2a3..2f04bff65 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-images-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-images-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-mdx-components-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-mdx-components-without-surprises-1-snap.png
index 27bab1b48..50c28e630 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-mdx-components-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-mdx-components-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png
index dbbdda013..691f2b248 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png differ
diff --git a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-vars-test-without-surprises-1-snap.png b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-vars-test-without-surprises-1-snap.png
index 1cfdbb7d9..747a49618 100644
Binary files a/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-vars-test-without-surprises-1-snap.png and b/__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-vars-test-without-surprises-1-snap.png differ
diff --git a/__tests__/components/CodeTabs.test.tsx b/__tests__/components/CodeTabs.test.tsx
index 5e65ffdcb..667d3d3dd 100644
--- a/__tests__/components/CodeTabs.test.tsx
+++ b/__tests__/components/CodeTabs.test.tsx
@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 import React from 'react';
-import { compile, run } from '../../index';
+import { execute } from '../helpers';
 
 describe('CodeTabs', () => {
   it.skip('render _all_ its children', async () => {
@@ -12,7 +12,7 @@ assert('theme', 'dark');
 assert('theme', 'light');
 \`\`\`
     `;
-    const Component = await run(compile(md));
+    const Component = await execute(md);
     const { container } = render(<Component />);
 
     expect(container).toHaveTextContent(`assert('theme', 'dark')`);
diff --git a/__tests__/components/Glossary.test.tsx b/__tests__/components/Glossary.test.tsx
index 1ecac9bc9..a07b526b6 100644
--- a/__tests__/components/Glossary.test.tsx
+++ b/__tests__/components/Glossary.test.tsx
@@ -1,12 +1,12 @@
 import { render, screen } from '@testing-library/react';
 import React from 'react';
 
-import { run, compile } from '../../index';
+import { execute } from '../helpers';
 
 describe('Glossary', () => {
   it('renders a glossary item', async () => {
     const md = `<Glossary>parliament</Glossary>`;
-    const Content = await run(compile(md));
+    const Content = await execute(md);
     render(<Content />);
 
     expect(screen.getByText('parliament')).toBeVisible();
diff --git a/__tests__/components/HTMLBlock.test.tsx b/__tests__/components/HTMLBlock.test.tsx
index 15fe6651c..49b02600a 100644
--- a/__tests__/components/HTMLBlock.test.tsx
+++ b/__tests__/components/HTMLBlock.test.tsx
@@ -4,7 +4,7 @@ import { renderToStaticMarkup, renderToString } from 'react-dom/server';
 import { vi } from 'vitest';
 
 import HTMLBlock from '../../components/HTMLBlock';
-import { compile, run } from '../../index';
+import { execute } from '../helpers';
 
 describe('HTML Block', () => {
   beforeEach(() => {
@@ -55,8 +55,7 @@ describe('HTML Block', () => {
 
   it('renders the html in a `<pre>` tag if safeMode={true}', async () => {
     const md = '<HTMLBlock safeMode={true}>{`<button onload="alert(\'gotcha!\')"/>`}</HTMLBlock>';
-    const code = compile(md);
-    const Component = await run(code);
+    const Component = await execute(md);
     expect(renderToStaticMarkup(<Component />)).toMatchInlineSnapshot(
       '"<pre class="html-unsafe"><code>&lt;button onload=&quot;alert(&#x27;gotcha!&#x27;)&quot;/&gt;</code></pre>"',
     );
diff --git a/__tests__/components/Style.test.jsx b/__tests__/components/Style.test.jsx
deleted file mode 100644
index df9ccc2c0..000000000
--- a/__tests__/components/Style.test.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { renderToString } from 'react-dom/server';
-
-import { compile, run } from '../../index';
-
-describe.skip('Style tag', () => {
-  describe('safeMode = false', () => {
-    it('renders as a style tag', () => {
-      const md = '<style>{ background-color: salmon }</style>';
-
-      expect(renderToString(run(compile(md)))).toMatchInlineSnapshot(
-        '"<style data-reactroot=\\"\\">{ background-color: salmon }</style>"'
-      );
-    });
-  });
-
-  describe('safeMode = true', () => {
-    it('renders the style in a `<pre>`', () => {
-      const md = '<style>{ background-color: salmon }</style>';
-
-      expect(renderToString(run(compile(md, { safeMode: true })))).toMatchInlineSnapshot(`
-        "<pre data-reactroot=\\"\\"><code>&lt;style&gt;
-        { background-color: salmon }
-        &lt;/style&gt;</code></pre>"
-      `);
-    });
-
-    it('renders the style in a `<pre>` when attrs are present', () => {
-      const md = '<style someAttr="muahaha">{ background-color: salmon }</style>';
-
-      expect(renderToString(run(compile(md, { safeMode: true })))).toMatchInlineSnapshot(`
-        "<pre data-reactroot=\\"\\"><code>&lt;style&gt;
-        { background-color: salmon }
-        &lt;/style&gt;</code></pre>"
-      `);
-    });
-  });
-});
diff --git a/__tests__/components/Variable.test.tsx b/__tests__/components/Variable.test.tsx
index 8186fbb5b..7526d2162 100644
--- a/__tests__/components/Variable.test.tsx
+++ b/__tests__/components/Variable.test.tsx
@@ -1,12 +1,12 @@
 import { render, screen } from '@testing-library/react';
 import React from 'react';
-
-import { run, compile } from '../../index';
+import { execute } from '../helpers';
 
 describe('Variable', () => {
   it('render a variable', async () => {
     const md = `<Variable variable="name" />`;
-    const Content = await run(compile(md));
+    const Content = await execute(md);
+
     render(<Content />);
 
     expect(screen.getByText('NAME')).toBeVisible();
diff --git a/__tests__/components/index.test.ts b/__tests__/components/index.test.ts
index 122db1a58..84435a5bb 100644
--- a/__tests__/components/index.test.ts
+++ b/__tests__/components/index.test.ts
@@ -1,45 +1,7 @@
 import { cleanup, fireEvent, render } from '@testing-library/react';
 import React from 'react';
-import { vi } from 'vitest';
-
-import { compile, run, utils } from '../../index';
-
-describe.skip('Data Replacements', () => {
-  it('Variables', () => {
-    const { container } = render(
-      React.createElement(
-        utils.VariablesContext.Provider,
-        {
-          value: {
-            defaults: [{ test: 'Default Value' }],
-            user: { test: 'User Override' },
-          },
-        },
-        compile('<<test>>'),
-      ),
-    );
-    expect(container).toContainHTML('<p><span>User Override</span></p>');
-  });
 
-  it('Glossary Term', () => {
-    const { container } = render(
-      React.createElement(
-        utils.GlossaryContext.Provider,
-        {
-          value: [
-            {
-              term: 'term',
-              definition: 'a word or phrase used to describe a thing or to express a concept.',
-              _id: '1',
-            },
-          ],
-        },
-        compile('<<glossary:term>>'),
-      ),
-    );
-    expect(container).toContainHTML('<p><span class="GlossaryItem-trigger">term</span></p>');
-  });
-});
+import { execute } from '../helpers';
 
 describe('Components', () => {
   it('Callout', async () => {
@@ -56,16 +18,16 @@ describe('Components', () => {
 `,
     ];
 
-    const code0 = compile(callout[0]);
-    let component = await run(code0);
+    let md = callout[0];
+    let component = await execute(md);
     let { container } = render(React.createElement(component));
 
     expect(container.innerHTML).toMatchSnapshot();
 
     cleanup();
 
-    const code1 = compile(callout[1]);
-    component = await run(code1);
+    md = callout[1];
+    component = await execute(md);
     ({ container } = render(React.createElement(component)));
 
     expect(container.innerHTML).toMatchInlineSnapshot(
@@ -75,18 +37,6 @@ describe('Components', () => {
     cleanup();
   });
 
-  it.skip('Multi Code Block', () => {
-    const tabs = '```\nhello\n```\n```php\nworld\n```\n\n';
-    const rdmd = compile(tabs);
-    const { container } = render(rdmd);
-
-    expect(container.querySelectorAll('pre')[1]).not.toHaveClass();
-
-    fireEvent.click(container.querySelectorAll('.CodeTabs-toolbar button')[1]);
-
-    expect(container.querySelectorAll('pre')[1]).toHaveClass('CodeTabs_active');
-  });
-
   it('Embed', () => {
     const fixtures = {
       html: `<Embed
@@ -115,7 +65,7 @@ describe('Components', () => {
     };
 
     Object.values(fixtures).map(async fx => {
-      const component = await run(compile(fx));
+      const component = await execute(fx);
       const { container } = render(React.createElement(component));
       return expect(container.innerHTML).toMatchSnapshot();
     });
@@ -125,8 +75,7 @@ describe('Components', () => {
     const text =
       '![Bro eats pizza and makes an OK gesture.](https://files.readme.io/6f52e22-man-eating-pizza-and-making-an-ok-gesture.jpg "Pizza Face")';
 
-    const code = compile(text);
-    const component = await run(code);
+    const component = await execute(text);
     const { container } = render(React.createElement(component));
 
     expect(container.innerHTML).toMatchSnapshot();
@@ -149,66 +98,4 @@ describe('Components', () => {
     fireEvent.keyDown(img, { key: '.', metaKey: true });
     expect(box).not.toHaveClass('open');
   });
-
-  it.skip('Heading', () => {
-    let { container } = render(compile('### Heading Level 3\n\n### Heading Level 3'));
-    expect(container.querySelectorAll('.heading')).toHaveLength(2);
-
-    cleanup();
-
-    ({ container } = render(compile('Pretest.\n\n###\n\nPosttest.')));
-    expect(container.querySelector('.heading')).toHaveTextContent('');
-  });
-
-  it.skip('Heading no children', () => {
-    const { container } = render(compile('### Heading Level 3'));
-    expect(container.querySelectorAll('.heading')).toHaveLength(1);
-  });
-});
-
-describe.skip('Compatibility Mode', () => {
-  global.eval = vi.fn();
-  const tabs = `[block:api-header]
-{
-  "title": "I am a magical, mystical heading."
-}
-[/block]
-<div id="custom-target">Loading...</div>
-[block:html]
-${JSON.stringify({
-  html: '<script>\nconsole.log("World");\n</script>\n\n<b>Hello!</b>\n\n<script>\nconsole.log("World");\n</script>',
-})}
-[/block]
-
-[block:parameters]
-${JSON.stringify({
-  data: {
-    '0-0': "```js Tab Zed\nconsole.log('tab zed');\n```\n```js Tab One\nconsole.log('tab one')\n```",
-    '0-1':
-      '> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime repellat placeat expedita voluptatum fugiat rerum, accusamus eius dolorum sequi eveniet esse, adipisci soluta quia mollitia? Dolorem minus, dolores, rerum, pariatur sit quia eum esse voluptatibus ea veritatis non.',
-    '0-2': '',
-    'h-0': 'Hello',
-    'h-1': 'Bonjour',
-    'h-2': 'Willkommen',
-  },
-  cols: 2,
-  rows: 1,
-})}
-[/block]`;
-
-  let rdmd;
-  let container;
-  beforeEach(() => {
-    rdmd = compile(tabs, { compatibilityMode: true });
-    // eslint-disable-next-line testing-library/no-render-in-setup
-    ({ container } = render(rdmd));
-  });
-
-  it('Should use h1 tags for magic heading blocks.', () => expect(container.querySelectorAll('h1')).toHaveLength(1));
-
-  it('Should allow block-level RDMD compoonents in tables.', () => {
-    const table = container.querySelector('table');
-    expect(table.querySelectorAll('.CodeTabs')).toHaveLength(1);
-    expect(table.querySelectorAll('blockquote')).toHaveLength(1);
-  });
 });
diff --git a/__tests__/components/style-attributes.test.js b/__tests__/components/style-attributes.test.js
deleted file mode 100644
index d60e79236..000000000
--- a/__tests__/components/style-attributes.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { renderToString } from 'react-dom/server';
-
-import { compile, run } from '../../index';
-
-describe.skip('style attributes', () => {
-  describe('safeMode = false', () => {
-    it('renders style attributes', () => {
-      const md = '<div style="background-color: salmon">fish content</div>';
-
-      expect(renderToString(run(compile(md)))).toMatchInlineSnapshot(
-        '"<div style=\\"background-color:salmon\\" data-reactroot=\\"\\">fish content</div>"'
-      );
-    });
-  });
-
-  describe('safeMode = true', () => {
-    it('does not render style attributes', () => {
-      const md = '<div style="background-color: salmon">fish content</div>';
-
-      expect(renderToString(run(compile(md, { safeMode: true })))).toMatchInlineSnapshot(
-        '"<div data-reactroot=\\"\\">fish content</div>"'
-      );
-    });
-  });
-});
diff --git a/__tests__/custom-components/index.test.tsx b/__tests__/custom-components/index.test.tsx
index fcb626b72..16acf82b0 100644
--- a/__tests__/custom-components/index.test.tsx
+++ b/__tests__/custom-components/index.test.tsx
@@ -1,7 +1,7 @@
-import { compile, run } from '../../index';
 import React from 'react';
 
 import { render, screen } from '@testing-library/react';
+import { execute } from '../helpers';
 
 describe('Custom Components', () => {
   const Example = () => <div>It works!</div>;
@@ -16,7 +16,7 @@ describe('Custom Components', () => {
     const doc = `
 <Example />
     `;
-    const Page = await run(compile(doc), { components: { Example } });
+    const Page = await execute(doc, undefined, { components: { Example } });
     render(<Page />);
 
     expect(screen.getByText('It works!')).toBeVisible();
@@ -27,7 +27,7 @@ describe('Custom Components', () => {
 <Composite />
     `;
 
-    const Page = await run(compile(doc), { components: { Example, Composite } });
+    const Page = await execute(doc, undefined, { components: { Example, Composite } });
     render(<Page />);
 
     expect(screen.getByText('It works!')).toBeVisible();
diff --git a/__tests__/helpers.ts b/__tests__/helpers.ts
index 20ec30076..02a330e50 100644
--- a/__tests__/helpers.ts
+++ b/__tests__/helpers.ts
@@ -1,6 +1,7 @@
 import { vi } from 'vitest';
+import { run, compile } from '../index';
 
-const silenceConsole =
+export const silenceConsole =
   (prop: keyof Console = 'error', impl = () => {}) =>
   fn => {
     let spy;
@@ -14,4 +15,7 @@ const silenceConsole =
     }
   };
 
-export { silenceConsole };
+export const execute = async (doc: string, compileOpts = {}, runOpts = {}) => {
+  const module = await run(compile(doc, compileOpts), runOpts);
+  return module.default;
+};
diff --git a/__tests__/index.test.js b/__tests__/index.test.js
index 83b2caaf4..5a5efd653 100644
--- a/__tests__/index.test.js
+++ b/__tests__/index.test.js
@@ -6,6 +6,8 @@ import { run, compile, utils, html as _html, mdast, hast as _hast, plain, mdx, a
 import { options } from '../options';
 import { tableFlattening } from '../processor/plugin/table-flattening';
 
+import { execute } from './helpers';
+
 test.skip('it should have the proper utils exports', () => {
   expect(typeof utils.BaseUrlContext).toBe('object');
   expect(typeof utils.GlossaryContext).toBe('object');
@@ -34,48 +36,46 @@ test.skip('it should have the proper utils exports', () => {
 });
 
 test('image', async () => {
-  const code = compile('![Image](http://example.com/image.png)');
-  const component = await run(code);
+  const md = '![Image](http://example.com/image.png)';
+  const component = await execute(md);
   const { container } = render(React.createElement(component));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('heading', () => {
-  const { container } = render(run(compile('## Example Header')));
+  const { container } = render(execute('## Example Header'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('list items', () => {
-  const { container } = render(run(compile('- listitem1')));
+  const { container } = render(execute('- listitem1'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('check list items', () => {
-  const { container } = render(run(compile('- [ ] checklistitem1\n- [x] checklistitem1')));
+  const { container } = render(execute('- [ ] checklistitem1\n- [x] checklistitem1'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test('gemoji generation', async () => {
-  const component = await run(compile(':sparkles:'));
+  const component = await execute(':sparkles:');
   const { container } = render(React.createElement(component));
   expect(container.querySelector('.lightbox')).not.toBeInTheDocument();
 });
 
 test.skip('should strip out inputs', () => {
-  render(run(compile('<input type="text" value="value" />')));
+  render(execute('<input type="text" value="value" />'));
   expect(screen.queryByRole('input')).not.toBeInTheDocument();
 });
 
 test('tables', async () => {
-  const component = await run(
-      compile(`| Tables        | Are           | Cool  |
+  const component = await execute(`| Tables        | Are           | Cool  |
 | ------------- |:-------------:| -----:|
 | col 3 is      | right-aligned | $1600 |
 | col 2 is      | centered      |   $12 |
 | zebra stripes | are neat      |    $1 |
-  `)
-    )
-  
+  `);
+
   const { container } = render(React.createElement(component));
 
   expect(container.innerHTML.trim()).toMatchSnapshot();
@@ -89,8 +89,8 @@ test.skip('headings', () => {
 ### Heading 3
 #### Heading 4
 ##### Heading 5
-###### Heading 6`)
-    )
+###### Heading 6`),
+    ),
   );
 
   expect(screen.getAllByRole('heading')).toHaveLength(6);
@@ -107,25 +107,25 @@ test.skip('anchors', () => {
 [blog](blog:slug)
 [changelog](changelog:slug)
 [page](page:slug)
-`)
-    )
+`),
+    ),
   );
 
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('anchor target: should default to _self', () => {
-  const { container } = render(run(compile('[test](https://example.com)')));
+  const { container } = render(execute('[test](https://example.com)'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('anchor target: should allow _blank if using HTML', () => {
-  const { container } = render(run(compile('<a href="https://example.com" target="_blank">test</a>')));
+  const { container } = render(execute('<a href="https://example.com" target="_blank">test</a>'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('anchor target: should allow download if using HTML', () => {
-  const { container } = render(run(compile('<a download="example.png" href="" target="_blank">test</a>')));
+  const { container } = render(execute('<a download="example.png" href="" target="_blank">test</a>'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
@@ -143,16 +143,16 @@ test.skip('anchors with baseUrl', () => {
 [blog](blog:slug)
 [changelog](changelog:slug)
 [page](page:slug)
-  `
-      )
-    )
+  `,
+      ),
+    ),
   );
 
   expect(container.innerHTML).toMatchSnapshot();
 });
 
 test.skip('anchors with baseUrl and special characters in url hash', () => {
-  const { container } = render(run(compile('[ref](ref:slug#整)')));
+  const { container } = render(execute('[ref](ref:slug#整)'));
   expect(container.innerHTML).toMatchSnapshot();
 });
 
@@ -162,7 +162,7 @@ test.skip('emojis', () => {
 :joy:
 :fa-lock:
 :unknown-emoji:
-`)
+`),
   );
 
   expect(container.innerHTML).toMatchSnapshot();
@@ -179,7 +179,7 @@ describe.skip('code samples', () => {
   \`\`\`
   code-without-language
   \`\`\`
-  `)
+  `),
     );
     expect(container.querySelectorAll('pre')).toHaveLength(2);
     expect(container.querySelectorAll('button')).toHaveLength(3);
@@ -191,8 +191,8 @@ describe.skip('code samples', () => {
         run(
           compile('This is a sentence and it contains a piece of `code` wrapped in backticks.', {
             copyButtons: false,
-          })
-        )
+          }),
+        ),
       );
 
       expect(screen.queryByRole('button')).not.toBeInTheDocument();
@@ -230,8 +230,8 @@ describe.skip('`alwaysThrow` option', () => {
       "level": 2
     }
     [/block]`,
-          { alwaysThrow: true }
-        )
+          { alwaysThrow: true },
+        ),
       );
 
     expect(shouldThrow).toThrow('Invalid Magic Block JSON');
@@ -247,8 +247,8 @@ describe.skip('`alwaysThrow` option', () => {
       "level": 2
     }
     [/block]`,
-          { alwaysThrow: true }
-        )
+          { alwaysThrow: true },
+        ),
       );
 
     expect(() => shouldThrow()).not.toThrow('Invalid Magic Block JSON');
@@ -281,14 +281,14 @@ describe.skip('`stripHtml` option', () => {
 });
 
 test.skip('should strip dangerous iframe tag', () => {
-  const { container } = render(run(compile('<p><iframe src="javascript:alert(\'delta\')"></iframe></p>')));
+  const { container } = render(execute('<p><iframe src="javascript:alert(\'delta\')"></iframe></p>'));
   expect(container).toContainHTML('<p></p>');
 });
 
 test.skip('should strip dangerous img attributes', () => {
-  const { container } = render(run(compile('<img src="x" onerror="alert(\'charlie\')">')));
+  const { container } = render(execute('<img src="x" onerror="alert(\'charlie\')">'));
   expect(container).toContainHTML(
-    '<span aria-label="" class="img lightbox closed" role="button" tabindex="0"><span class="lightbox-inner"><img src="x" align="" alt="" caption="" height="auto" title="" width="auto" loading="lazy"></span></span>'
+    '<span aria-label="" class="img lightbox closed" role="button" tabindex="0"><span class="lightbox-inner"><img src="x" align="" alt="" caption="" height="auto" title="" width="auto" loading="lazy"></span></span>',
   );
 });
 
@@ -369,7 +369,7 @@ describe.skip('export multiple Markdown renderers', () => {
   });
 
   it('renders custom React components', () => {
-    expect(run(compile(text))).toMatchSnapshot();
+    expect(execute(text)).toMatchSnapshot();
   });
 
   it('renders hAST', () => {
@@ -410,7 +410,7 @@ Lorem ipsum dolor!`;
   it('returns null for blank input', () => {
     expect(_html('')).toBeNull();
     expect(plain('')).toBeNull();
-    expect(run(compile(''))).toBeNull();
+    expect(execute('')).toBeNull();
     expect(_hast('')).toBeNull();
     expect(mdast('')).toBeNull();
     expect(mdx('')).toBeNull();
@@ -423,7 +423,7 @@ describe.skip('prefix anchors with "section-"', () => {
   });
 
   it('"section-" anchors should split on camelCased words', () => {
-    const { container } = render(run(compile('# camelCased')));
+    const { container } = render(execute('# camelCased'));
     const anchor = container.querySelectorAll('.heading-anchor_backwardsCompatibility')[0];
 
     expect(anchor).toHaveAttribute('id', 'section-camel-cased');
diff --git a/__tests__/react.test.tsx b/__tests__/react.test.tsx
index 9fcd48d5e..b1916fda7 100644
--- a/__tests__/react.test.tsx
+++ b/__tests__/react.test.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { compile, run } from '../index';
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { execute } from './helpers';
 
 describe('import React', () => {
   it('allows importing react', async () => {
@@ -24,7 +24,7 @@ export default function Counter() {
 <Counter />
     `;
 
-    const Content = await run(compile(mdx));
+    const Content = await execute(mdx);
     render(<Content />);
 
     expect(screen.getByText('You clicked 0 times!')).toBeVisible();
diff --git a/__tests__/transformers/rehype-toc.test.ts b/__tests__/transformers/rehype-toc.test.ts
new file mode 100644
index 000000000..6f5c4fe04
--- /dev/null
+++ b/__tests__/transformers/rehype-toc.test.ts
@@ -0,0 +1,87 @@
+import { compile } from '../../index';
+import { h } from 'hastscript';
+
+describe('rehype-toc transformer', () => {
+  it('parses out a toc with max depth of 2', () => {
+    const md = `
+# Title
+
+## Subheading
+
+### Third
+
+## Second Subheading
+`;
+    const module = compile(md);
+    // @ts-expect-error
+    const { ast } = module.data.toc;
+
+    const expected = h('ul', undefined, [
+      h('li', undefined, h('p', undefined, h('a', { href: '#title' }, 'Title'))),
+      h(
+        'li',
+        undefined,
+        h(
+          'ul',
+          undefined,
+          h('li', undefined, h('p', undefined, h('a', { href: '#subheading' }, 'Subheading'))),
+          h('li', undefined, h('p', undefined, h('a', { href: '#second-subheading' }, 'Second Subheading'))),
+        ),
+      ),
+    ]);
+
+    // @ts-expect-error
+    expect(ast).toStrictEqualExceptPosition(expected);
+  });
+
+  it('compiles the toc into a vfile', () => {
+    const md = `
+# Title
+
+## Subheading
+
+### Third
+
+## Second Subheading
+`;
+    const module = compile(md);
+    // @ts-expect-error
+    const { vfile } = module.data.toc;
+
+    // @ts-ignore
+    expect(vfile.value).toMatch(/use strict/);
+  });
+
+  it('parses a toc from components', () => {
+    const md = `
+# Title
+
+<CommonInfo />
+
+## Subheading
+`;
+    const components = {
+      CommonInfo: compile('## Common Heading'),
+    };
+    const module = compile(md, { components });
+    // @ts-expect-error
+    const { ast } = module.data.toc;
+
+    const expected = h('ul', undefined, [
+      h('li', undefined, h('p', undefined, h('a', { href: '#title' }, 'Title'))),
+      h(
+        'li',
+        undefined,
+        h(
+          'ul',
+          undefined,
+          h('li', undefined, h('p', undefined, h('a', { href: '#common-heading' }, 'Common Heading'))),
+          h('li', undefined, h('p', undefined, h('a', { href: '#subheading' }, 'Subheading'))),
+        ),
+      ),
+    ]);
+
+    // @ts-expect-error
+    expect(ast).toStrictEqualExceptPosition(expected);
+  });
+});
diff --git a/components/Heading/index.jsx b/components/Heading/index.jsx
deleted file mode 100644
index 9512b31a6..000000000
--- a/components/Heading/index.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-const PropTypes = require('prop-types');
-const React = require('react');
-
-function Heading({ tag, showAnchorIcons, ...props }) {
-  if (!props.children) return '';
-
-  const attrs = {
-    className: `heading heading-${props.level} header-scroll`,
-    align: props.align,
-  };
-
-  const children = [
-    <div key={`heading-anchor-${props.id}`} className="heading-anchor anchor waypoint" id={props.id} />,
-    <div key={`heading-text-${props.id}`} className="heading-text">
-      {props.children}
-    </div>,
-  ];
-
-  if (showAnchorIcons) {
-    const headingText = props.children[1];
-    children.push(
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      <a
-        key={`heading-anchor-icon-${props.id}`}
-        aria-label={`Skip link to ${headingText}`}
-        className="heading-anchor-icon fa fa-anchor"
-        href={`#${props.id}`}
-      />
-    );
-  }
-
-  return React.createElement(tag, attrs, children);
-}
-
-function CreateHeading(level, { showAnchorIcons }) {
-  // eslint-disable-next-line react/display-name
-  return props => <Heading {...props} level={level} showAnchorIcons={showAnchorIcons} tag={`h${level}`} />;
-}
-
-Heading.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right', '']),
-  children: PropTypes.array.isRequired,
-  id: PropTypes.string.isRequired,
-  level: PropTypes.number,
-  showAnchorIcons: PropTypes.bool,
-  tag: PropTypes.string.isRequired,
-};
-
-Heading.defaultProps = {
-  align: '',
-  id: '',
-  level: 2,
-  showAnchorIcons: true,
-};
-
-module.exports = CreateHeading;
diff --git a/components/Heading/index.tsx b/components/Heading/index.tsx
new file mode 100644
index 000000000..06b74a96a
--- /dev/null
+++ b/components/Heading/index.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+export type Depth = 1 | 2 | 3 | 4 | 5 | 6;
+
+interface Props extends React.PropsWithChildren<React.HTMLAttributes<HTMLHeadingElement>> {
+  tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  depth: Depth;
+}
+
+const Heading = ({ tag: Tag = 'h3', depth = 3, id, children, ...attrs }: Props) => {
+  if (!children) return '';
+
+  return (
+    <Tag {...attrs} className={`heading heading-${depth} header-scroll`}>
+      <div key={`heading-anchor-${id}`} className="heading-anchor anchor waypoint" id={id} />
+      <div key={`heading-text-${id}`} className="heading-text">
+        {children}
+      </div>
+      <a
+        key={`heading-anchor-icon-${id}`}
+        aria-label={`Skip link to ${children}`}
+        className="heading-anchor-icon fa fa-anchor"
+        href={`#${id}`}
+      />
+    </Tag>
+  );
+};
+
+const CreateHeading = (depth: Depth) => (props: Props) => <Heading {...props} depth={depth} tag={`h${depth}`} />;
+
+export default CreateHeading;
diff --git a/components/Style.jsx b/components/Style.jsx
deleted file mode 100644
index 8f5747a97..000000000
--- a/components/Style.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-const PropTypes = require('prop-types');
-const React = require('react');
-
-const Style = ({ children, safeMode }) => {
-  return safeMode ? (
-    <pre>
-      <code>{`<style>\n${children}\n</style>`}</code>
-    </pre>
-  ) : (
-    <style>{children}</style>
-  );
-};
-
-Style.propTypes = {
-  children: PropTypes.node,
-  safeMode: PropTypes.bool,
-};
-
-const CreateStyle =
-  ({ safeMode }) =>
-  // eslint-disable-next-line react/display-name
-  props =>
-    <Style {...props} safeMode={safeMode} />;
-
-CreateStyle.sanitize = sanitize => {
-  sanitize.tagNames.push('style');
-
-  return sanitize;
-};
-
-module.exports = CreateStyle;
diff --git a/components/TableOfContents/index.jsx b/components/TableOfContents/index.tsx
similarity index 76%
rename from components/TableOfContents/index.jsx
rename to components/TableOfContents/index.tsx
index 7ddaa541c..e922c608e 100644
--- a/components/TableOfContents/index.jsx
+++ b/components/TableOfContents/index.tsx
@@ -1,7 +1,6 @@
-import { element } from 'prop-types';
 import React from 'react';
 
-function TableOfContents({ children }) {
+function TableOfContents({ children }: React.PropsWithChildren) {
   return (
     <nav>
       <ul className="toc-list">
@@ -18,8 +17,4 @@ function TableOfContents({ children }) {
   );
 }
 
-TableOfContents.propTypes = {
-  children: element,
-};
-
 export default TableOfContents;
diff --git a/components/index.ts b/components/index.ts
index 5fdb708b8..f11815d19 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -7,6 +7,5 @@ export { default as Glossary } from './Glossary';
 export { default as HTMLBlock } from './HTMLBlock';
 export { default as Heading } from './Heading';
 export { default as Image } from './Image';
-export { default as Style } from './Style';
 export { default as Table } from './Table';
 export { default as TableOfContents } from './TableOfContents';
diff --git a/contexts/index.tsx b/contexts/index.tsx
index a78a593a0..ba817fe09 100644
--- a/contexts/index.tsx
+++ b/contexts/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import GlossaryContext from './GlossaryTerms';
 import BaseUrlContext from './BaseUrl';
 import { VariablesContext } from '@readme/variable';
-import { RunOpts } from '../index';
+import { RunOpts } from '../lib/run';
 
 type Props = React.PropsWithChildren & Pick<RunOpts, 'baseUrl' | 'terms' | 'variables'>;
 
diff --git a/docs/headings.md b/docs/headings.md
index 9397186e5..5d1952919 100644
--- a/docs/headings.md
+++ b/docs/headings.md
@@ -1,17 +1,18 @@
 ---
-title: "Headings"
+title: 'Headings'
 category: 5fdf7610134322007389a6ed
 hidden: false
 ---
+
 ## Examples
 
 > ### Heading Block 3
 >
-> ####  Heading Block 4
-> 
-> #####  Heading Block 5
-> 
-> ######  Heading Block 6
+> #### Heading Block 4
+>
+> ##### Heading Block 5
+>
+> ###### Heading Block 6
 
 ## Edge Cases
 
@@ -20,33 +21,40 @@ hidden: false
 ####Compact Notation
 
 Headers are denoted using a space-separated `#` prefix. While the space is technically required in most standard Markdown implementations, some processors allow for a compact notation as well. ReadMe supports this style, so writing this
-    
-    ###A Valid Heading
-    
-    Lorem ipsum dolor etc.
 
-> 🛑 
+```
+###A Valid Heading
+
+Lorem ipsum dolor etc.
+```
+
+> 🛑
 > Compact headings must be followed by two line breaks before the following block.
 
 #### ATX-Style Notation ####
 
 If you prefer, you can "wrap" headers with hashes rather than simply prefixing them:
 
-    ## ATX Headings are Valid ##
+```
+## ATX Headings are Valid ##
+```
 
 #### Underline Notation
 
 For top-level headings, the underline notation is valid:
 
-    Heading One
-    ===========
-    
-    Heading Two
-    ---
+```
+Heading One
+===========
+
+Heading Two
+---
+```
 
 ### Incremented Anchors
 
 Occasionally, a single doc might contain multiple headings with the same text, which can cause the generated anchor links to conflict. ReadMe's new markdown processor normalizes heading anchors by auto-incrementing similar heading's IDs. Try it out by clicking on this section header _or_ the following sub-section title:
 
 #### Incremented Heading Anchors
+
 #### Incremented Heading Anchors
diff --git a/example/Doc.tsx b/example/Doc.tsx
index f2fc5b0be..0621272d5 100644
--- a/example/Doc.tsx
+++ b/example/Doc.tsx
@@ -3,6 +3,22 @@ import { useParams, useSearchParams } from 'react-router-dom';
 import * as mdx from '../index';
 import docs from './docs';
 import RenderError from './RenderError';
+import { MDXContent, MDXModule } from 'mdx/types';
+
+const mdxComponents = {
+  Demo: `
+## This is a Demo Component!
+
+> 📘 It can render JSX components!
+`,
+};
+
+const compiledComponents = {};
+const components = {};
+Object.keys(mdxComponents).forEach(async comp => {
+  compiledComponents[comp] = mdx.compile(comp);
+  components[comp] = (await mdx.run(compiledComponents[comp])).default;
+});
 
 const terms = [
   {
@@ -29,7 +45,10 @@ const Doc = () => {
   const [name, doc] =
     fixture === 'edited' ? [fixture, searchParams.get('edit') || ''] : [docs[fixture].name, docs[fixture].doc];
 
-  const [Content, setContent] = useState<FunctionComponent>(null);
+  const [{ default: Content, toc: Toc }, setContent] = useState<{ default: MDXContent; toc?: MDXContent }>({
+    default: null,
+    toc: null,
+  });
   const [error, setError] = useState<string>(null);
 
   useEffect(() => {
@@ -41,11 +60,12 @@ const Doc = () => {
 
       try {
         const code = mdx.compile(doc, opts);
-        const content = await mdx.run(code, { terms });
+        const content = await mdx.run(code, { components, terms });
 
         setError(() => null);
         setContent(() => content);
       } catch (e) {
+        console.error(e);
         setError(() => e.message);
       }
     };
@@ -54,18 +74,21 @@ const Doc = () => {
   }, [doc, lazyImages, safeMode]);
 
   return (
-    <React.Fragment>
-      <div className="rdmd-demo--display">
-        <section id="hub-content">
-          {!ci && <h2 className="rdmd-demo--markdown-header">{name}</h2>}
-          <div id="content-container">
-            <RenderError error={error}>
-              <div className="markdown-body">{Content && <Content />}</div>
-            </RenderError>
-          </div>
-        </section>
-      </div>
-    </React.Fragment>
+    <div className="rdmd-demo--display">
+      <section id="hub-content">
+        {!ci && <h2 className="rdmd-demo--markdown-header">{name}</h2>}
+        <div id="content-container">
+          <RenderError error={error}>
+            <div className="markdown-body">{Content && <Content />}</div>
+          </RenderError>
+          {Toc && (
+            <div className="content-toc">
+              <Toc />
+            </div>
+          )}
+        </div>
+      </section>
+    </div>
   );
 };
 
diff --git a/index.tsx b/index.tsx
index 997b7972d..64c56bd39 100644
--- a/index.tsx
+++ b/index.tsx
@@ -1,51 +1,24 @@
 import debug from 'debug';
-import React from 'react';
-import { remark } from 'remark';
-import remarkMdx from 'remark-mdx';
-import remarkFrontmatter from 'remark-frontmatter';
 import remarkRehype from 'remark-rehype';
-import remarkGfm from 'remark-gfm';
 
-import { createProcessor, compileSync, run as mdxRun, RunOptions } from '@mdx-js/mdx';
-import * as runtime from 'react/jsx-runtime';
+import { createProcessor } from '@mdx-js/mdx';
 
-import Variable from '@readme/variable';
 import * as Components from './components';
 import { getHref } from './components/Anchor';
 import { options } from './options';
 
-import transformers, { readmeComponentsTransformer, readmeToMdx } from './processor/transform';
-import compilers from './processor/compile';
-import MdxSyntaxError from './errors/mdx-syntax-error';
-import { GlossaryTerm } from './contexts/GlossaryTerms';
-import Contexts from './contexts';
+import { readmeComponentsTransformer } from './processor/transform';
+import { compile, run, mdx, astProcessor, remarkPlugins } from './lib';
 
 import './styles/main.scss';
 
 const unimplemented = debug('mdx:unimplemented');
 
-type ComponentOpts = Record<string, (props: any) => React.ReactNode>;
-
-interface Variables {
-  user: Record<string, string>;
-  defaults: { name: string; default: string }[];
-}
-
-export type RunOpts = Omit<RunOptions, 'Fragment'> & {
-  components?: ComponentOpts;
-  imports?: Record<string, unknown>;
-  baseUrl?: string;
-  terms?: GlossaryTerm[];
-  variables?: Variables;
-};
-
 type MdastOpts = {
   components?: Record<string, string>;
 };
 
-export { Components };
-
-export const utils = {
+const utils = {
   get options() {
     return { ...options };
   },
@@ -54,88 +27,18 @@ export const utils = {
   calloutIcons: {},
 };
 
-const makeUseMDXComponents = (more: RunOpts['components']): (() => ComponentOpts) => {
-  const components = {
-    ...more,
-    ...Components,
-    Variable,
-    code: Components.Code,
-    'code-tabs': Components.CodeTabs,
-    'html-block': Components.HTMLBlock,
-    embed: Components.Embed,
-    img: Components.Image,
-    table: Components.Table,
-  };
-
-  return () => components;
-};
-
-const remarkPlugins = [remarkFrontmatter, remarkGfm, ...transformers];
+export { compile, run, mdx, Components, utils };
 
 export const reactProcessor = (opts = {}) => {
   return createProcessor({ remarkPlugins, ...opts });
 };
 
-export const compile = (text: string, opts = {}) => {
-  try {
-    return String(
-      compileSync(text, {
-        outputFormat: 'function-body',
-        providerImportSource: '#',
-        remarkPlugins,
-        ...opts,
-      }),
-    ).replace(/await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/, 'arguments[0].imports.React');
-  } catch (error) {
-    console.error(error);
-    throw error.line ? new MdxSyntaxError(error, text) : error;
-  }
-};
-
-export const run = async (code: string, _opts: RunOpts = {}) => {
-  const { Fragment } = runtime as any;
-  const { components, terms, variables, baseUrl, ...opts } = _opts;
-
-  const file = await mdxRun(code, {
-    ...runtime,
-    Fragment,
-    baseUrl: import.meta.url,
-    imports: { React },
-    useMDXComponents: makeUseMDXComponents(components),
-    ...opts,
-  });
-  const Content = file?.default || (() => null);
-
-  return () => (
-    <Contexts terms={terms} variables={variables} baseUrl={baseUrl}>
-      <Content />
-    </Contexts>
-  );
-};
-
-export const reactTOC = (text: string, opts = {}) => {
-  unimplemented('reactTOC');
-};
-
-export const mdx = (tree: any, opts = {}) => {
-  const processor = remark().use(remarkMdx).use(remarkGfm).use(readmeToMdx).use(compilers);
-
-  return processor.stringify(processor.runSync(tree), opts);
-};
-
 export const html = (text: string, opts = {}) => {
   unimplemented('html export');
 };
 
-const astProcessor = (opts: MdastOpts = { components: {} }) =>
-  remark()
-    .use(remarkMdx)
-    .use(remarkFrontmatter)
-    .use(remarkPlugins)
-    .use(readmeComponentsTransformer({ components: opts.components }));
-
 export const mdast: any = (text: string, opts: MdastOpts = {}) => {
-  const processor = astProcessor(opts);
+  const processor = astProcessor(opts).use(readmeComponentsTransformer({ components: opts.components }));
 
   const tree = processor.parse(text);
   return processor.runSync(tree);
diff --git a/lib/ast-processor.ts b/lib/ast-processor.ts
new file mode 100644
index 000000000..f0d4f1cf2
--- /dev/null
+++ b/lib/ast-processor.ts
@@ -0,0 +1,20 @@
+import { remark } from 'remark';
+import remarkMdx from 'remark-mdx';
+import remarkFrontmatter from 'remark-frontmatter';
+import remarkGfm from 'remark-gfm';
+
+import transformers, { readmeComponentsTransformer } from '../processor/transform';
+
+export type MdastOpts = {
+  components?: Record<string, string>;
+};
+
+export const remarkPlugins = [remarkFrontmatter, remarkGfm, ...transformers];
+
+const astProcessor = (opts: MdastOpts = { components: {} }) =>
+  remark()
+    .use(remarkMdx)
+    .use(remarkPlugins)
+    .use(readmeComponentsTransformer({ components: opts.components }));
+
+export default astProcessor;
diff --git a/lib/compile.ts b/lib/compile.ts
new file mode 100644
index 000000000..a86d46bc1
--- /dev/null
+++ b/lib/compile.ts
@@ -0,0 +1,55 @@
+import { compileSync, CompileOptions } from '@mdx-js/mdx';
+import remarkFrontmatter from 'remark-frontmatter';
+import remarkGfm from 'remark-gfm';
+import rehypeSlug from 'rehype-slug';
+
+import transformers, { rehypeToc } from '../processor/transform';
+import { VFileWithToc } from '../types';
+import MdxSyntaxError from '../errors/mdx-syntax-error';
+import mdx from './mdx';
+
+export type CompileOpts = CompileOptions & {
+  components?: Record<string, VFileWithToc>;
+  lazyImages?: boolean;
+  safeMode?: boolean;
+};
+
+const remarkPlugins = [remarkFrontmatter, remarkGfm, ...transformers];
+
+const compile = (text: string, opts: CompileOpts = {}) => {
+  const { components } = opts;
+
+  const exec = (string: string): VFileWithToc => {
+    try {
+      return compileSync(string, {
+        outputFormat: 'function-body',
+        providerImportSource: '#',
+        remarkPlugins,
+        rehypePlugins: [rehypeSlug, [rehypeToc, { components }]],
+        ...opts,
+      });
+    } catch (error) {
+      throw error.line ? new MdxSyntaxError(error, text) : error;
+    }
+  };
+
+  const vfile = exec(text);
+  if (vfile.data.toc.ast) {
+    const toc = mdx(vfile.data.toc.ast, { hast: true });
+
+    if (toc) {
+      vfile.data.toc.vfile = exec(toc);
+    }
+  } else {
+    delete vfile.data.toc;
+  }
+
+  vfile.value = String(vfile).replace(
+    /await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/,
+    'arguments[0].imports.React',
+  );
+
+  return vfile;
+};
+
+export default compile;
diff --git a/lib/index.ts b/lib/index.ts
new file mode 100644
index 000000000..3109aa683
--- /dev/null
+++ b/lib/index.ts
@@ -0,0 +1,7 @@
+import astProcessor, { MdastOpts, remarkPlugins } from './ast-processor';
+import compile from './compile'
+import mdx from './mdx';
+import run from './run';
+
+export type { MdastOpts };
+export { astProcessor, compile, mdx, run, remarkPlugins }
diff --git a/lib/mdx.ts b/lib/mdx.ts
new file mode 100644
index 000000000..6245e89f4
--- /dev/null
+++ b/lib/mdx.ts
@@ -0,0 +1,22 @@
+import { unified } from 'unified';
+import remarkMdx from 'remark-mdx';
+import remarkGfm from 'remark-gfm';
+import rehypeRemark from 'rehype-remark';
+import remarkStringify from 'remark-stringify';
+
+import compilers from '../processor/compile';
+import readmeToMdx from '../processor/transform/readme-to-mdx';
+
+export const mdx = (tree: any, { hast = false } = {}) => {
+  const processor = unified()
+    .use(hast ? rehypeRemark : undefined)
+    .use(remarkMdx)
+    .use(remarkGfm)
+    .use(readmeToMdx)
+    .use(remarkStringify)
+    .use(compilers);
+
+  return processor.stringify(processor.runSync(tree));
+};
+
+export default mdx;
diff --git a/lib/run.tsx b/lib/run.tsx
new file mode 100644
index 000000000..caafede17
--- /dev/null
+++ b/lib/run.tsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import { VFile } from 'vfile';
+import * as runtime from 'react/jsx-runtime';
+
+import { RunOptions, run as mdxRun } from '@mdx-js/mdx';
+import Variable from '@readme/variable';
+
+import * as Components from '../components';
+import Contexts from '../contexts';
+import { VFileWithToc } from '../types';
+import { GlossaryTerm } from '../contexts/GlossaryTerms';
+import { Depth } from '../components/Heading';
+
+interface Variables {
+  user: Record<string, string>;
+  defaults: { name: string; default: string }[];
+}
+
+export type RunOpts = Omit<RunOptions, 'Fragment'> & {
+  components?: ComponentOpts;
+  imports?: Record<string, unknown>;
+  baseUrl?: string;
+  terms?: GlossaryTerm[];
+  variables?: Variables;
+};
+
+type ComponentOpts = Record<string, (props: any) => React.ReactNode>;
+
+const makeUseMDXComponents = (more: RunOpts['components']): (() => ComponentOpts) => {
+  const headings = Array.from({ length: 6 }).reduce((map, _, index) => {
+    map[`h${index + 1}`] = Components.Heading((index + 1) as Depth);
+    return map;
+  }, {});
+
+  const components = {
+    ...more,
+    ...Components,
+    Variable,
+    code: Components.Code,
+    'code-tabs': Components.CodeTabs,
+    'html-block': Components.HTMLBlock,
+    embed: Components.Embed,
+    img: Components.Image,
+    table: Components.Table,
+    'table-of-contents': Components.TableOfContents,
+    // @ts-expect-error
+    ...headings,
+  };
+
+  return () => components;
+};
+
+const run = async (stringOrFile: string | VFileWithToc, _opts: RunOpts = {}) => {
+  const { Fragment } = runtime as any;
+  const { components, terms, variables, baseUrl, ...opts } = _opts;
+  const vfile = new VFile(stringOrFile) as VFileWithToc;
+
+  const exec = (file: VFile | string) =>
+    mdxRun(file, {
+      ...runtime,
+      Fragment,
+      baseUrl: import.meta.url,
+      imports: { React },
+      useMDXComponents: makeUseMDXComponents(components),
+      ...opts,
+    });
+
+  const file = await exec(vfile);
+  const Content = file.default;
+  const { default: Toc } = 'toc' in vfile.data ? await exec(vfile.data.toc.vfile) : { default: null };
+
+  return {
+    default: () => (
+      <Contexts terms={terms} variables={variables} baseUrl={baseUrl}>
+        <Content />
+      </Contexts>
+    ),
+    toc: () =>
+      Toc && (
+        <Components.TableOfContents>
+          <Toc />
+        </Components.TableOfContents>
+      ),
+  };
+};
+
+export default run;
diff --git a/package-lock.json b/package-lock.json
index 829bf55fa..b27018b6d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,29 +12,29 @@
         "@mdx-js/mdx": "^3.0.0",
         "@readme/emojis": "^5.1.0",
         "@readme/syntax-highlighter": "^13.0.0",
+        "@stefanprobst/rehype-extract-toc": "^2.2.0",
         "copy-to-clipboard": "^3.3.2",
         "core-js": "^3.36.1",
         "debug": "^4.3.4",
         "emoji-regex": "^10.2.1",
         "gemoji": "^8.1.0",
         "hast-util-sanitize": "^4.0.0",
+        "hastscript": "^9.0.0",
         "lodash.escape": "^4.0.1",
         "lodash.kebabcase": "^4.1.1",
         "mdast-util-find-and-replace": "^3.0.1",
-        "mdast-util-toc": "^5.1.0",
         "path-browserify": "^1.0.1",
         "process": "^0.11.10",
         "prop-types": "^15.8.1",
-        "rehype-sanitize": "^4.0.0",
+        "rehype-remark": "^10.0.0",
+        "rehype-slug": "^6.0.0",
         "remark": "^15.0.1",
         "remark-frontmatter": "^5.0.0",
         "remark-gfm": "^4.0.0",
         "remark-mdx": "^3.0.0",
         "remark-parse": "^11.0.0",
-        "remark-rehype": "^11.1.0",
-        "remark-stringify": "^11.0.0",
         "trim": "^1.0.1",
-        "unified": "^8.4.0",
+        "unified": "^11.0.4",
         "unist-util-flatmap": "^1.0.0",
         "unist-util-visit": "^5.0.0",
         "util": "^0.12.5"
@@ -60,6 +60,7 @@
         "@testing-library/jest-dom": "^6.4.2",
         "@testing-library/react": "^14",
         "@testing-library/user-event": "^14.5.2",
+        "@types/hast": "^3.0.4",
         "@types/jest": "^29.5.12",
         "@types/mdast": "^4.0.3",
         "@types/mdx": "^2.0.12",
@@ -83,6 +84,7 @@
         "prettier": "^3.2.5",
         "puppeteer": "^19.8.3",
         "react-router-dom": "^6.22.3",
+        "remark-slug": "^7.0.1",
         "sass": "^1.77.3",
         "sass-loader": "^13.2.2",
         "semantic-release": "^22.0.12",
@@ -4486,53 +4488,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@mdx-js/mdx/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/@mdx-js/mdx/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@mdx-js/mdx/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/@mdx-js/mdx/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/@mdx-js/react": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.0.1.tgz",
@@ -6269,6 +6224,74 @@
         "@sinonjs/commons": "^3.0.0"
       }
     },
+    "node_modules/@stefanprobst/rehype-extract-toc": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@stefanprobst/rehype-extract-toc/-/rehype-extract-toc-2.2.0.tgz",
+      "integrity": "sha512-/4UjstX8ploZklY8MmlOQoXB1jWIo3Go4MP0R39sbkoWuN6rJ7Zt6l4bjkDPM4hKsjoODh9SSKn2otlp3XL3/A==",
+      "dependencies": {
+        "estree-util-is-identifier-name": "^2.0.1",
+        "estree-util-value-to-estree": "^1.3.0",
+        "hast-util-heading-rank": "^2.1.0",
+        "hast-util-to-string": "^2.0.0",
+        "unist-util-visit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/@stefanprobst/rehype-extract-toc/node_modules/@types/unist": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
+      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
+    },
+    "node_modules/@stefanprobst/rehype-extract-toc/node_modules/estree-util-is-identifier-name": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-2.1.0.tgz",
+      "integrity": "sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@stefanprobst/rehype-extract-toc/node_modules/unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@stefanprobst/rehype-extract-toc/node_modules/unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@stefanprobst/rehype-extract-toc/node_modules/unist-util-visit-parents": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
+      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/@testing-library/dom": {
       "version": "9.3.4",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.4.tgz",
@@ -8721,9 +8744,9 @@
       }
     },
     "node_modules/bail": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
-      "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -10828,7 +10851,6 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -12680,6 +12702,28 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/estree-util-value-to-estree": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/estree-util-value-to-estree/-/estree-util-value-to-estree-1.3.0.tgz",
+      "integrity": "sha512-Y+ughcF9jSUJvncXwqRageavjrNPAI+1M/L3BI3PyLp1nmgYTGUXU6t5z1Y7OWuThoDdhPME07bQU+d5LxdJqw==",
+      "dependencies": {
+        "is-plain-obj": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/estree-util-value-to-estree/node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/estree-util-visit": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-2.0.0.tgz",
@@ -13756,7 +13800,8 @@
     "node_modules/github-slugger": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
-      "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw=="
+      "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==",
+      "dev": true
     },
     "node_modules/glob": {
       "version": "7.2.3",
@@ -14290,6 +14335,167 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-embedded": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-embedded/-/hast-util-embedded-3.0.0.tgz",
+      "integrity": "sha512-naH8sld4Pe2ep03qqULEtvYr7EjrLK2QHY8KJR6RJkTUjPGObe1vnx585uzem2hGra+s1q08DZZpfgDVYRbaXA==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-is-element": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz",
+      "integrity": "sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hastscript": "^8.0.0",
+        "property-information": "^6.0.0",
+        "vfile": "^6.0.0",
+        "vfile-location": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5/node_modules/hastscript": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-8.0.0.tgz",
+      "integrity": "sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-has-property": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-has-property/-/hast-util-has-property-3.0.0.tgz",
+      "integrity": "sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-heading-rank": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/hast-util-heading-rank/-/hast-util-heading-rank-2.1.1.tgz",
+      "integrity": "sha512-iAuRp+ESgJoRFJbSyaqsfvJDY6zzmFoEnL1gtz1+U8gKtGGj1p0CVlysuUAUjq95qlZESHINLThwJzNGmgGZxA==",
+      "dependencies": {
+        "@types/hast": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-heading-rank/node_modules/@types/hast": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
+      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/hast-util-heading-rank/node_modules/@types/unist": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
+      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
+    },
+    "node_modules/hast-util-is-body-ok-link": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-is-body-ok-link/-/hast-util-is-body-ok-link-3.0.0.tgz",
+      "integrity": "sha512-VFHY5bo2nY8HiV6nir2ynmEB1XkxzuUffhEGeVx7orbu/B1KaGyeGgMZldvMVx5xWrDlLLG/kQ6YkJAMkBEx0w==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-is-element": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
+      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-phrasing": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-phrasing/-/hast-util-phrasing-3.0.1.tgz",
+      "integrity": "sha512-6h60VfI3uBQUxHqTyMymMZnEbNl1XmEGtOxxKYL7stY2o601COo62AWAYBQR9lZbYXYSBoxag8UpPRXK+9fqSQ==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-embedded": "^3.0.0",
+        "hast-util-has-property": "^3.0.0",
+        "hast-util-is-body-ok-link": "^3.0.0",
+        "hast-util-is-element": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-raw": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.0.3.tgz",
+      "integrity": "sha512-ICWvVOF2fq4+7CMmtCPD5CM4QKjPbHpPotE6+8tDooV0ZuyJVUzHsrNX+O5NaRbieTf0F7FfeBOMAwi6Td0+yQ==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "hast-util-from-parse5": "^8.0.0",
+        "hast-util-to-parse5": "^8.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "parse5": "^7.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-sanitize": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/hast-util-sanitize/-/hast-util-sanitize-4.1.0.tgz",
@@ -14342,6 +14548,29 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hast-util-to-html": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.1.tgz",
+      "integrity": "sha512-hZOofyZANbyWo+9RP75xIDV/gq+OUKx+T46IlwERnKmfpwp81XBFbT9mi26ws+SJchA4RVUQwIBJpqEOBhMzEQ==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-raw": "^9.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "stringify-entities": "^4.0.0",
+        "zwitch": "^2.0.4"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-to-jsx-runtime": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz",
@@ -14381,21 +14610,120 @@
         "inline-style-parser": "0.2.3"
       }
     },
-    "node_modules/hast-util-whitespace": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
-      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+    "node_modules/hast-util-to-mdast": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-mdast/-/hast-util-to-mdast-10.1.0.tgz",
+      "integrity": "sha512-DsL/SvCK9V7+vfc6SLQ+vKIyBDXTk2KLSbfBYkH4zeF/uR1yBajHRhkzuaUSGOB1WJSTieJBdHwxlC+HLKvZZw==",
       "dependencies": {
-        "@types/hast": "^3.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "hast-util-phrasing": "^3.0.0",
+        "hast-util-to-html": "^9.0.0",
+        "hast-util-to-text": "^4.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "rehype-minify-whitespace": "^6.0.0",
+        "trim-trailing-lines": "^2.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/homedir-polyfill": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+    "node_modules/hast-util-to-parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz",
+      "integrity": "sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-2.0.0.tgz",
+      "integrity": "sha512-02AQ3vLhuH3FisaMM+i/9sm4OXGSq1UhOOCpTLLQtHdL3tZt7qil69r8M8iDkZYyC0HCFylcYoP+8IO7ddta1A==",
+      "dependencies": {
+        "@types/hast": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-string/node_modules/@types/hast": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
+      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/hast-util-to-string/node_modules/@types/unist": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
+      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
+    },
+    "node_modules/hast-util-to-text": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
+      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "hast-util-is-element": "^3.0.0",
+        "unist-util-find-after": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.0.tgz",
+      "integrity": "sha512-jzaLBGavEDKHrc5EfFImKN7nZKKBdSLIdGvCwDZ9TfzbF2ffXiov8CKE445L2Z1Ek2t/m4SKQ2j6Ipv7NyUolw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
       "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
       "dev": true,
       "dependencies": {
@@ -14493,6 +14821,15 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
+    "node_modules/html-void-elements": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
+      "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/http-cache-semantics": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
@@ -15088,6 +15425,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
       "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -19222,82 +19560,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-toc": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-toc/-/mdast-util-toc-5.1.0.tgz",
-      "integrity": "sha512-csimbRIVkiqc+PpFeKDGQ/Ck2N4f9FYH3zzBMMJzcxoKL8m+cM0n94xXm0I9eaxHnKdY9n145SGTdyJC7i273g==",
-      "dependencies": {
-        "@types/mdast": "^3.0.3",
-        "@types/unist": "^2.0.3",
-        "extend": "^3.0.2",
-        "github-slugger": "^1.2.1",
-        "mdast-util-to-string": "^2.0.0",
-        "unist-util-is": "^4.0.0",
-        "unist-util-visit": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-toc/node_modules/@types/mdast": {
-      "version": "3.0.15",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
-      "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
-      "dependencies": {
-        "@types/unist": "^2"
-      }
-    },
-    "node_modules/mdast-util-toc/node_modules/@types/unist": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
-    },
-    "node_modules/mdast-util-toc/node_modules/mdast-util-to-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz",
-      "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-toc/node_modules/unist-util-is": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
-      "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-toc/node_modules/unist-util-visit": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
-      "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0",
-        "unist-util-visit-parents": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-toc/node_modules/unist-util-visit-parents": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
-      "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -24251,7 +24513,6 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
       "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-      "dev": true,
       "dependencies": {
         "entities": "^4.4.0"
       },
@@ -25610,36 +25871,81 @@
         "jsesc": "bin/jsesc"
       }
     },
-    "node_modules/rehype-sanitize": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/rehype-sanitize/-/rehype-sanitize-4.0.0.tgz",
-      "integrity": "sha512-ZCr/iQRr4JeqPjun5i9CHHILVY7i45VnLu1CkkibDrSyFQ7dTLSvw8OIQpHhS4RSh9h/9GidxFw1bRb0LOxIag==",
+    "node_modules/rehype-minify-whitespace": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-minify-whitespace/-/rehype-minify-whitespace-6.0.0.tgz",
+      "integrity": "sha512-i9It4YHR0Sf3GsnlR5jFUKXRr9oayvEk9GKQUkwZv6hs70OH9q3OCZrq9PpLvIGKt3W+JxBOxCidNVpH/6rWdA==",
       "dependencies": {
-        "hast-util-sanitize": "^3.0.0"
+        "@types/hast": "^3.0.0",
+        "hast-util-embedded": "^3.0.0",
+        "hast-util-is-element": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "unist-util-is": "^6.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/rehype-sanitize/node_modules/hast-util-sanitize": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-sanitize/-/hast-util-sanitize-3.0.2.tgz",
-      "integrity": "sha512-+2I0x2ZCAyiZOO/sb4yNLFmdwPBnyJ4PBkVTUMKMqBwYNA+lXSgOmoRXlJFazoyid9QPogRRKgKhVEodv181sA==",
+    "node_modules/rehype-remark": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-remark/-/rehype-remark-10.0.0.tgz",
+      "integrity": "sha512-+aDXY/icqMFOafJQomVjxe3BAP7aR3lIsQ3GV6VIwpbCD2nvNFOXjGvotMe5p0Ny+Gt6L13DhEf/FjOOpTuUbQ==",
       "dependencies": {
-        "xtend": "^4.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "hast-util-to-mdast": "^10.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/rehype-sanitize/node_modules/xtend": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "engines": {
-        "node": ">=0.4"
+    "node_modules/rehype-slug": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-slug/-/rehype-slug-6.0.0.tgz",
+      "integrity": "sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "github-slugger": "^2.0.0",
+        "hast-util-heading-rank": "^3.0.0",
+        "hast-util-to-string": "^3.0.0",
+        "unist-util-visit": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/rehype-slug/node_modules/github-slugger": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz",
+      "integrity": "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw=="
+    },
+    "node_modules/rehype-slug/node_modules/hast-util-heading-rank": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-heading-rank/-/hast-util-heading-rank-3.0.0.tgz",
+      "integrity": "sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/rehype-slug/node_modules/hast-util-to-string": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-3.0.0.tgz",
+      "integrity": "sha512-OGkAxX1Ua3cbcW6EJ5pT/tslVb90uViVkcJ4ZZIMW/R33DX/AkcJcRrPebPwJkHYwlDHXz4aIwvAAaAdtrACFA==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
     "node_modules/remark": {
@@ -25672,46 +25978,60 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-frontmatter/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+    "node_modules/remark-gfm": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz",
+      "integrity": "sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-frontmatter/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
+    "node_modules/remark-mdx": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.0.1.tgz",
+      "integrity": "sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA==",
+      "dependencies": {
+        "mdast-util-mdx": "^3.0.0",
+        "micromark-extension-mdxjs": "^3.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-frontmatter/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-frontmatter/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
+    "node_modules/remark-rehype": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.0.tgz",
+      "integrity": "sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==",
       "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
         "vfile": "^6.0.0"
       },
       "funding": {
@@ -25719,36 +26039,53 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-gfm": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz",
-      "integrity": "sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==",
+    "node_modules/remark-slug": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/remark-slug/-/remark-slug-7.0.1.tgz",
+      "integrity": "sha512-NRvYePr69LdeCkEGwL4KYAmq7kdWG5rEavCXMzUR4qndLoXHJAOLSUmPY6Qm4NJfKix7/EmgObyVaYivONAFhg==",
+      "dev": true,
       "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-gfm": "^3.0.0",
-        "micromark-extension-gfm": "^3.0.0",
-        "remark-parse": "^11.0.0",
-        "remark-stringify": "^11.0.0",
-        "unified": "^11.0.0"
+        "@types/hast": "^2.3.2",
+        "@types/mdast": "^3.0.0",
+        "github-slugger": "^1.0.0",
+        "mdast-util-to-string": "^3.0.0",
+        "unified": "^10.0.0",
+        "unist-util-visit": "^4.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-gfm/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+    "node_modules/remark-slug/node_modules/@types/hast": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
+      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/remark-slug/node_modules/@types/mdast": {
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
+      "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^2"
       }
     },
-    "node_modules/remark-gfm/node_modules/is-plain-obj": {
+    "node_modules/remark-slug/node_modules/@types/unist": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
+      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
+      "dev": true
+    },
+    "node_modules/remark-slug/node_modules/is-plain-obj": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
       "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -25756,165 +26093,117 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/remark-gfm/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+    "node_modules/remark-slug/node_modules/mdast-util-to-string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
+      "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
+      "dev": true,
+      "dependencies": {
+        "@types/mdast": "^3.0.0"
+      },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-gfm/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
+    "node_modules/remark-slug/node_modules/unified": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
+      "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "dev": true,
       "dependencies": {
-        "@types/unist": "^3.0.0",
+        "@types/unist": "^2.0.0",
         "bail": "^2.0.0",
-        "devlop": "^1.0.0",
         "extend": "^3.0.0",
+        "is-buffer": "^2.0.0",
         "is-plain-obj": "^4.0.0",
         "trough": "^2.0.0",
-        "vfile": "^6.0.0"
+        "vfile": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-mdx": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.0.1.tgz",
-      "integrity": "sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA==",
+    "node_modules/remark-slug/node_modules/unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "dev": true,
       "dependencies": {
-        "mdast-util-mdx": "^3.0.0",
-        "micromark-extension-mdxjs": "^3.0.0"
+        "@types/unist": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-parse": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
-      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+    "node_modules/remark-slug/node_modules/unist-util-stringify-position": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
+      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "dev": true,
       "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "unified": "^11.0.0"
+        "@types/unist": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-parse/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark-parse/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/remark-parse/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark-parse/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
+    "node_modules/remark-slug/node_modules/unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "dev": true,
       "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^6.0.0"
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-rehype": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.0.tgz",
-      "integrity": "sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==",
+    "node_modules/remark-slug/node_modules/unist-util-visit-parents": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
+      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
+      "dev": true,
       "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "mdast-util-to-hast": "^13.0.0",
-        "unified": "^11.0.0",
-        "vfile": "^6.0.0"
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-rehype/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark-rehype/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
+    "node_modules/remark-slug/node_modules/vfile": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
+      "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "is-buffer": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "vfile-message": "^3.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/remark-rehype/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-rehype/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
+    "node_modules/remark-slug/node_modules/vfile-message": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
+      "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
+      "dev": true,
       "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^6.0.0"
+        "@types/unist": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -25935,100 +26224,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-stringify/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark-stringify/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/remark-stringify/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark-stringify/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark/node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/remark/node_modules/trough": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark/node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "bail": "^2.0.0",
-        "devlop": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -28442,10 +28637,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/trim-trailing-lines": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-2.1.0.tgz",
+      "integrity": "sha512-5UR5Biq4VlVOtzqkm2AZlgvSlDJtME46uV0br0gENbwN4l5+mMKT4b9gJKqWtuL2zAIqajGJGuvbCbcAJUZqBg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/trough": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
-      "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -28964,72 +29168,32 @@
       }
     },
     "node_modules/unified": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-8.4.2.tgz",
-      "integrity": "sha512-JCrmN13jI4+h9UAyKEoGcDZV+i1E7BLFuG7OsaDvTXI5P0qhHX+vZO/kOhz9jn8HGENDKbwSeB0nVOg4gVStGA==",
+      "version": "11.0.4",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
+      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
       "dependencies": {
-        "bail": "^1.0.0",
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
         "extend": "^3.0.0",
-        "is-plain-obj": "^2.0.0",
-        "trough": "^1.0.0",
-        "vfile": "^4.0.0"
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unified/node_modules/@types/unist": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
-    },
     "node_modules/unified/node_modules/is-plain-obj": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
-      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/unified/node_modules/unist-util-stringify-position": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
-      "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
-      "dependencies": {
-        "@types/unist": "^2.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unified/node_modules/vfile": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
-      "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "is-buffer": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0",
-        "vfile-message": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unified/node_modules/vfile-message": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
-      "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0"
+        "node": ">=12"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/unique-filename": {
@@ -29071,6 +29235,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/unist-util-find-after": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
+      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/unist-util-flatmap": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-flatmap/-/unist-util-flatmap-1.0.0.tgz",
@@ -29392,6 +29569,19 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/vfile-location": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.2.tgz",
+      "integrity": "sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vfile-message": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
@@ -29748,6 +29938,15 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "node_modules/web-namespaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
+      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/web-streams-polyfill": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
diff --git a/package.json b/package.json
index b2d645c43..adbad3082 100644
--- a/package.json
+++ b/package.json
@@ -27,29 +27,29 @@
     "@mdx-js/mdx": "^3.0.0",
     "@readme/emojis": "^5.1.0",
     "@readme/syntax-highlighter": "^13.0.0",
+    "@stefanprobst/rehype-extract-toc": "^2.2.0",
     "copy-to-clipboard": "^3.3.2",
     "core-js": "^3.36.1",
     "debug": "^4.3.4",
     "emoji-regex": "^10.2.1",
     "gemoji": "^8.1.0",
     "hast-util-sanitize": "^4.0.0",
+    "hastscript": "^9.0.0",
     "lodash.escape": "^4.0.1",
     "lodash.kebabcase": "^4.1.1",
     "mdast-util-find-and-replace": "^3.0.1",
-    "mdast-util-toc": "^5.1.0",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
-    "rehype-sanitize": "^4.0.0",
+    "rehype-remark": "^10.0.0",
+    "rehype-slug": "^6.0.0",
     "remark": "^15.0.1",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.0",
     "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.0",
-    "remark-stringify": "^11.0.0",
     "trim": "^1.0.1",
-    "unified": "^8.4.0",
+    "unified": "^11.0.4",
     "unist-util-flatmap": "^1.0.0",
     "unist-util-visit": "^5.0.0",
     "util": "^0.12.5"
@@ -82,6 +82,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14",
     "@testing-library/user-event": "^14.5.2",
+    "@types/hast": "^3.0.4",
     "@types/jest": "^29.5.12",
     "@types/mdast": "^4.0.3",
     "@types/mdx": "^2.0.12",
@@ -105,6 +106,7 @@
     "prettier": "^3.2.5",
     "puppeteer": "^19.8.3",
     "react-router-dom": "^6.22.3",
+    "remark-slug": "^7.0.1",
     "sass": "^1.77.3",
     "sass-loader": "^13.2.2",
     "semantic-release": "^22.0.12",
diff --git a/processor/transform/index.ts b/processor/transform/index.ts
index a21239ed5..ece1548ec 100644
--- a/processor/transform/index.ts
+++ b/processor/transform/index.ts
@@ -3,8 +3,9 @@ import codeTabsTransfromer from './code-tabs';
 import embedTransformer from './embeds';
 import gemojiTransformer from './gemoji+';
 import readmeComponentsTransformer from './readme-components';
+import rehypeToc from './rehype-toc';
 import readmeToMdx from './readme-to-mdx';
 
-export { readmeComponentsTransformer, readmeToMdx };
+export { readmeComponentsTransformer, rehypeToc, readmeToMdx };
 
 export default [calloutTransformer, codeTabsTransfromer, embedTransformer, gemojiTransformer];
diff --git a/processor/transform/rehype-toc.ts b/processor/transform/rehype-toc.ts
new file mode 100644
index 000000000..643140f86
--- /dev/null
+++ b/processor/transform/rehype-toc.ts
@@ -0,0 +1,60 @@
+import { Transformer } from 'unified';
+import { Root, Element } from 'hast';
+
+import { h } from 'hastscript';
+import { CompiledComponents, HastHeading, VFileWithToc } from '../../types';
+
+const MAX_DEPTH = 2;
+const getDepth = (el: HastHeading) => parseInt(el.tagName.match(/^h(\d)/)[1]);
+
+interface Options {
+  components?: CompiledComponents;
+}
+
+const rehypeToc = ({ components = {} }: Options): Transformer<Root, Root> => {
+  return (tree: Root, file: VFileWithToc): void => {
+    file.data.toc = {};
+
+    const headings = tree.children
+      .filter(
+        child =>
+          (child.type === 'element' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(child.tagName)) ||
+          (child.type === 'mdxJsxFlowElement' && child.name in components),
+      )
+      .flatMap(node =>
+        node.type === 'mdxJsxFlowElement' ? components[node.name].data.toc.headings : node,
+      ) as HastHeading[];
+
+    file.data.toc.headings = headings;
+
+    if (!headings.length) return;
+
+    const min = Math.min(...headings.map(getDepth));
+    const ast = h('ul');
+    const stack: Element[] = [ast];
+
+    headings.forEach(heading => {
+      const depth = getDepth(heading) - min + 1;
+      if (depth > MAX_DEPTH) return;
+
+      while (stack.length < depth) {
+        const ul = h('ul');
+
+        stack[stack.length - 1].children.push(h('li', null, ul));
+        stack.push(ul);
+      }
+
+      while (stack.length > depth) {
+        stack.pop();
+      }
+
+      stack[stack.length - 1].children.push(
+        h('li', null, h('p', null, h('a', { href: `#${heading.properties.id}` }, heading.children))),
+      );
+    });
+
+    file.data.toc.ast = ast;
+  };
+};
+
+export default rehypeToc;
diff --git a/types.d.ts b/types.d.ts
index deb7f03c5..0f1768962 100644
--- a/types.d.ts
+++ b/types.d.ts
@@ -1,5 +1,7 @@
 import { Code, Data, Literal, Parent, Blockquote, Node } from 'mdast';
+import { VFile } from 'vfile';
 import { NodeTypes } from './enums';
+import { Element, Root } from 'hast';
 
 type Callout = Omit<Blockquote, 'type'> & {
   type: NodeTypes.callout;
@@ -86,3 +88,20 @@ declare module 'mdast' {
     [NodeTypes.tutorialTile]: TutorialTile;
   }
 }
+
+type HastHeading = Element & {
+  tagName: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  depth: number;
+};
+
+type VFileWithToc = VFile & {
+  data: VFile['data'] & {
+    toc?: {
+      ast?: Root | Element;
+      vfile?: VFile;
+      headings?: HastHeading[];
+    };
+  };
+};
+
+interface CompiledComponents extends Record<string, VFileWithToc> {}