chore: fix url.parse deprecation warning on Node 24+

## Motivation

Fixes the url.parse deprecation warning that appears when running on Node 24 or later (see [DEP0169](https://nodejs.org/docs/latest-v24.x/api/deprecations.html#DEP0169)).

Author: kou029w

packages/docusaurus-mdx-loader/src/remark/transformImage/index.ts

@@ -6,7 +6,6 @@
  */
 
 import path from 'path';
-import url from 'url';
 import fs from 'fs-extra';
 import {
   toMessageRelativeFilePath,
@@ -207,27 +206,18 @@ async function processImageNode(target: Target, context: Context) {
     return;
   }
 
-  const parsedUrl = url.parse(node.url);
-  if (parsedUrl.protocol || !parsedUrl.pathname) {
+  if (URL.canParse(node.url)) {
     // pathname:// is an escape hatch, in case user does not want her images to
     // be converted to require calls going through webpack loader
-    if (parsedUrl.protocol === 'pathname:') {
+    if (parseURLOrPath(node.url).protocol === 'pathname:') {
       node.url = node.url.replace('pathname://', '');
     }
     return;
   }
 
-  // We decode it first because Node Url.pathname is always encoded
-  // while the image file-system path are not.
-  // See https://github.com/facebook/docusaurus/discussions/10720
-  const decodedPathname = decodeURIComponent(parsedUrl.pathname);
-
   // We try to convert image urls without protocol to images with require calls
   // going through webpack ensures that image assets exist at build time
-  const localImagePath = await getLocalImageAbsolutePath(
-    decodedPathname,
-    context,
-  );
+  const localImagePath = await getLocalImageAbsolutePath(node.url, context);
   if (localImagePath === null) {
     node.url =
       context.onBrokenMarkdownImages({

packages/docusaurus-mdx-loader/src/remark/transformLinks/index.ts

@@ -6,7 +6,6 @@
  */
 
 import path from 'path';
-import url from 'url';
 import fs from 'fs-extra';
 import {
   toMessageRelativeFilePath,
@@ -209,23 +208,21 @@ async function processLinkNode(target: Target, context: Context) {
     return;
   }
 
-  const parsedUrl = url.parse(node.url);
-  if (parsedUrl.protocol || !parsedUrl.pathname) {
+  if (
+    URL.canParse(node.url) ||
+    parseURLOrPath(node.url).protocol === 'pathname:'
+  ) {
     // Don't process pathname:// here, it's used by the <Link> component
     return;
   }
-  const hasSiteAlias = parsedUrl.pathname.startsWith('@site/');
+  const hasSiteAlias = node.url.startsWith('@site/');
   const hasAssetLikeExtension =
-    path.extname(parsedUrl.pathname) &&
-    !parsedUrl.pathname.match(/\.(?:mdx?|html)(?:#|$)/);
+    path.extname(node.url) && !node.url.match(/\.(?:mdx?|html)(?:#|$)/);
   if (!hasSiteAlias && !hasAssetLikeExtension) {
     return;
   }
 
-  const localFilePath = await getLocalFileAbsolutePath(
-    decodeURIComponent(parsedUrl.pathname),
-    context,
-  );
+  const localFilePath = await getLocalFileAbsolutePath(node.url, context);
 
   if (localFilePath) {
     await toAssetRequireNode(target, localFilePath, context);