fix(dev): update remark-mdx-frontmatter

[MichaelDeBoey]

Fix for GHSA-f7f6-9jq7-3rqj

---

Closes #10576

CC/ @Evanion

[changeset-bot]

⚠️ No Changeset found

Latest commit: b29b42c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Copilot]

Copilot reviewed 2 out of 4 changed files in this pull request and generated 1 comment.

Files not reviewed (2)

• packages/remix-dev/package.json: Language not supported
• pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (1)

packages/remix-dev/compiler/plugins/mdx.ts:4

• Verify that 'remark-mdx-frontmatter' now provides a default export. If the package version does not support default exports, this change may lead to runtime errors.

import remarkMdxFrontmatter from "remark-mdx-frontmatter";

[Copilot]

Ensure the updated require statement reflects the correct export format of 'remark-mdx-frontmatter'. Confirm that the package version used in your project supports this usage pattern.

Suggested change

	const remarkMdxFrontmatter = require("remark-mdx-frontmatter");
	import remarkMdxFrontmatter from "remark-mdx-frontmatter";

[charIeszhao]

@brophdawg11 Hi Matt, could you please take a look at this PR and solve the vulnerability issue?

[brophdawg11]

Does anyone know why the tests are failing? Looks to be an ESM/CJS issue

[charIeszhao]

Does anyone know why the tests are failing? Looks to be an ESM/CJS issue

Seems like remix-run does not support ESM...

[crestwood204]

To solve the cjs/esm issue, you can use a dynamic import inside the processMDX function and get rid of the import at the top of the file.

let remarkMdxFrontmatter = await import("remark-mdx-frontmatter");

However, trying this with the tests is giving me other mdx specific errors.

Just need to do let remarkMdxFrontmatter = await import("remark-mdx-frontmatter").default;

I created a PR with my changes here: #10589