chore(deps): bump remark-mdx-frontmatter from 1.0.1 to 5.2.0 (#6645)

* chore(deps): bump remark-mdx-frontmatter from 1.0.1 to 5.2.0

* simplify remark-mdx-frontmatter import logic

* use const

Author: osama-rizk

docs/next.config.js

@@ -8,6 +8,22 @@ const BRANCH = gitHead === 'HEAD' ? 'main' : gitHead;
 
 const withNextPluginPreval = require('next-plugin-preval/config')();
 
+let remarkMdxFrontmatterModule = null;
+
+function createRemarkMdxFrontmatterPlugin(options = {}) {
+  return async function remarkMdxFrontmatterPlugin(tree, file) {
+    if (!remarkMdxFrontmatterModule) {
+      remarkMdxFrontmatterModule = await import('remark-mdx-frontmatter');
+    }
+
+    const actualPlugin = remarkMdxFrontmatterModule.default;
+
+    const pluginInstance = actualPlugin(options);
+
+    return pluginInstance.call(this, tree, file);
+  };
+}
+
 module.exports = withNextPluginPreval({
   env: {
     BRANCH,
@@ -230,10 +246,8 @@ module.exports = withNextPluginPreval({
               // Remove frontmatter from MDX
               require('remark-frontmatter'),
               // Extract to `frontmatter` export
-              [
-                require('remark-mdx-frontmatter').remarkMdxFrontmatter,
-                { name: 'frontmatter' },
-              ],
+              // Use the custom plugin wrapper that handles dynamic import
+              [createRemarkMdxFrontmatterPlugin, { name: 'frontmatter' }],
               require('./src/plugins/remark-layout'),
             ]),
           },

docs/package.json

@@ -51,7 +51,7 @@
     "remark-frontmatter": "^3.0.0",
     "remark-gfm": "^1.0.0",
     "remark-github": "^10.1.0",
-    "remark-mdx-frontmatter": "^1.0.1",
+    "remark-mdx-frontmatter": "^5.2.0",
     "remark-mdx-images": "^1.0.2",
     "rimraf": "^3.0.2",
     "sass": "^1.43.4",