Fix relative path problem in patched dsfr.css

Author: garronej

src/bin/css_to_ts/icons.ts

@@ -1,6 +1,6 @@
 import type { Icon } from "./css_to_ts";
 import { exclude } from "tsafe/exclude";
-import { join as pathJoin } from "path";
+import { join as pathJoin, sep } from "path";
 
 type IconLike = Icon.Dsfr | Omit<Icon.Remixicon, "rawSvgCode">;
 
@@ -107,5 +107,16 @@ export async function getPatchedRawCssCodeForCompatWithRemixIcon(params: { rawCs
         })
         .filter(exclude(undefined));
 
-    return css.stringify(parsedCss).replace(/fr-icon-/g, "ri-");
+    const back =
+        new Array(
+            pathOfPatchedRawCssCodeForCompatWithRemixIconRelativeToDsfrDist.split(sep).length - 1
+        )
+            .fill("..")
+            .join("/") + "/";
+
+    return css
+        .stringify(parsedCss)
+        .replace(/fr-icon-/g, "ri-")
+        .replace(/url\("/g, `url("${back}`)
+        .replace(/url\('/g, `url('${back}`);
 }

test/runtime/bin/icons/getPatchedRawCssCodeForCompatWithRemixIcon.test.ts

@@ -103,8 +103,8 @@ it("Successfully generates patched css for remixicon support", async () => {
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   --icon-size: 1rem;
-  -webkit-mask-image: url("icons/system/external-link-line.svg");
-  mask-image: url("icons/system/external-link-line.svg");
+  -webkit-mask-image: url("../../icons/system/external-link-line.svg");
+  mask-image: url("../../icons/system/external-link-line.svg");
   content: var(--external-link-content);
   margin-left: 0.25rem;
 }