Update dependency rehype-highlight to v5

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
rehype-highlight	4.1.0 -> 5.0.0

---

Release Notes

rehypejs/rehype-highlight

v5.0.0

Compare Source

• dfa5a4b Use ESM

  • Change:

    // From CommonJS
    var rehypeHighlight = require('rehype-highlight')
    
    // To ESM
    import rehypeHighlight from 'rehype-highlight'

    Learn more about ESM in this guide

• c87da55 Update lowlight
  • This changes from having all languages registered by default (191) to only having common languages on (35). See https://github.com/wooorm/lowlight#syntaxes for which languages are on by default and which can be added.
    This makes rehype-highlight much faster and viable for use in browsers
  • This removes the light version of the plugin, because the default is now light
  • Updating lowlight also updates highlight.js to v11, which improves results
• fa5fcf4 Add JSDoc based types
• 84b5ce2 Fix code being dropped

---

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box.

---

This PR has been generated by WhiteSource Renovate. View repository job log here.

[Belco90]

I may need to handle this one manually since I'm not sure if the breaking changes are affecting current transformations.

[HonkingGoose]

I'll let you handle it then! 😉

[Belco90]

I've upgraded the whole unified ecosystem but still getting this error:

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /Users/mario/Projects/octoclairvoyant/node_modules/rehype-highlight/index.js
require() of ES modules is not supported.
require() of /Users/mario/Projects/octoclairvoyant/node_modules/rehype-highlight/index.js from /Users/mario/Projects/octoclairvoyant/.next/server/pages/comparator.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /Users/mario/Projects/octoclairvoyant/node_modules/rehype-highlight/package.json.

at Object.Module._extensions..js (internal/modules/cjs/loader.js:1080:13)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at Object.rehype-highlight (/Users/mario/Projects/octoclairvoyant/.next/server/pages/comparator.js:861:18)
at __webpack_require__ (/Users/mario/Projects/octoclairvoyant/.next/server/webpack-runtime.js:33:43)
at eval (webpack-internal:///./src/hooks/useProcessDescriptionMdast.ts:4:74)
at Module../src/hooks/useProcessDescriptionMdast.ts (/Users/mario/Projects/octoclairvoyant/.next/server/src_components_RepositoryReleasesChangelog_tsx.js:64:1)
at __webpack_require__ (/Users/mario/Projects/octoclairvoyant/.next/server/webpack-runtime.js:33:43) {

code: 'ERR_REQUIRE_ESM'

I need to investigate this further, no idea what's wrong.

[Belco90]

Listing changes from all packages upgraded to check if I'm missing something 🤔

• rehype-highlight from v4.1.0 to v5.0.0
• rehype-react from v6.2.1 to v7.0.0
• remark-gfm from v1.0.0 to v2.0.0
• remark-parse from v9.0.0 to v10.0.0
• remark-stringify from v9.0.1 to v10.0.0
• remark-github from v10.1.0 to v11.0.0
• remark-rehype from v8.1.0 to v9.0.0
• unified from v9.2.2 to v10.1.0

[Belco90]

Alright, issue found: it turns out Webpack v5 used by Next.js is not ready yet for ESM packages. The whole info is in this issue: vercel/next.js#23725

This has been solved in the canary of Next.js (I have confirmed this locally), but I'll wait until it's released in the stable channel to upgrade everything.

I'll leave this PR on hold then until Next.js releases compatibility for ESM packages.

[HonkingGoose]

Alright, issue found: it turns out Webpack v5 used by Next.js is not ready yet for ESM packages. The whole info is in this issue: vercel/next.js#23725

This has been solved in the canary of Next.js (I have confirmed this locally), but I'll wait until it's released in the stable channel to upgrade everything.

I'll leave this PR on hold then until Next.js releases compatibility for ESM packages.

Hooray, you found the problem! 😄

Okay, so we need to wait until Next.js updates before we can use the newer version of rehype-highlight.

[Belco90]

It's here! https://nextjs.org/blog/next-11-1

I'll try to get all this upgraded tomorrow.

[HonkingGoose]

Yay!!!! 😄 I'll go read the blog.

[Belco90]

The whole unified/rehype/remark ecosystem is upgraded and working fine with Next.js v11.1 now. This PR is ready to go!