From f163e066086ef7d0d669c2a6ea04d12980843534 Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Tue, 18 Feb 2025 12:23:47 -0500
Subject: [PATCH] use resolve-url-loader

---
 apps/browser/webpack.config.js                  | 16 ++++++++++++++--
 apps/desktop/webpack.renderer.js                | 16 ++++++++++++++--
 apps/web/webpack.config.js                      | 16 ++++++++++++++--
 libs/components/src/search/search.component.css |  4 ++--
 4 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/apps/browser/webpack.config.js b/apps/browser/webpack.config.js
index d077e54bb73..777e3aea126 100644
--- a/apps/browser/webpack.config.js
+++ b/apps/browser/webpack.config.js
@@ -49,7 +49,13 @@ const moduleRules = [
         loader: MiniCssExtractPlugin.loader,
       },
       "css-loader",
-      "postcss-loader",
+      "resolve-url-loader",
+      {
+        loader: "postcss-loader",
+        options: {
+          sourceMap: true,
+        },
+      },
     ],
   },
   {
@@ -59,7 +65,13 @@ const moduleRules = [
         loader: MiniCssExtractPlugin.loader,
       },
       "css-loader",
-      "sass-loader",
+      "resolve-url-loader",
+      {
+        loader: "sass-loader",
+        options: {
+          sourceMap: true,
+        },
+      },
     ],
   },
   {
diff --git a/apps/desktop/webpack.renderer.js b/apps/desktop/webpack.renderer.js
index ac990689ae0..e9a44a9e725 100644
--- a/apps/desktop/webpack.renderer.js
+++ b/apps/desktop/webpack.renderer.js
@@ -121,7 +121,13 @@ const renderer = {
             loader: MiniCssExtractPlugin.loader,
           },
           "css-loader",
-          "postcss-loader",
+          "resolve-url-loader",
+          {
+            loader: "postcss-loader",
+            options: {
+              sourceMap: true,
+            },
+          },
         ],
       },
       {
@@ -134,7 +140,13 @@ const renderer = {
             },
           },
           "css-loader",
-          "sass-loader",
+          "resolve-url-loader",
+          {
+            loader: "sass-loader",
+            options: {
+              sourceMap: true,
+            },
+          },
         ],
       },
       // Hide System.import warnings. ref: https://github.com/angular/angular/issues/21560
diff --git a/apps/web/webpack.config.js b/apps/web/webpack.config.js
index 9373308c112..f63ae6463f3 100644
--- a/apps/web/webpack.config.js
+++ b/apps/web/webpack.config.js
@@ -49,7 +49,13 @@ const moduleRules = [
         loader: MiniCssExtractPlugin.loader,
       },
       "css-loader",
-      "sass-loader",
+      "resolve-url-loader",
+      {
+        loader: "sass-loader",
+        options: {
+          sourceMap: true,
+        },
+      },
     ],
   },
   {
@@ -59,7 +65,13 @@ const moduleRules = [
         loader: MiniCssExtractPlugin.loader,
       },
       "css-loader",
-      "postcss-loader",
+      "resolve-url-loader",
+      {
+        loader: "postcss-loader",
+        options: {
+          sourceMap: true,
+        },
+      },
     ],
   },
   {
diff --git a/libs/components/src/search/search.component.css b/libs/components/src/search/search.component.css
index b1626d5e735..35304438a88 100644
--- a/libs/components/src/search/search.component.css
+++ b/libs/components/src/search/search.component.css
@@ -9,8 +9,8 @@ bit-search input[type="search"]::-webkit-search-cancel-button {
   margin: 0;
   cursor: pointer;
   background-repeat: no-repeat;
-  mask-image: url("~@bitwarden/components/src/search/close-button.svg");
-  -webkit-mask-image: url("~@bitwarden/components/src/search/close-button.svg");
+  mask-image: url("./close-button.svg");
+  -webkit-mask-image: url("./close-button.svg");
   background-color: rgba(var(--color-text-muted));
 }