Disable webpack css url rewriting (#8518)

This was causing relative urls to be rewritten to use the publicPath.
This meant that the icon font would be referenced at the wrong location
if sites had changed STATIC_URL
fixes #8517

CHANGELOG.txt

@@ -79,6 +79,7 @@ Changelog
  * Fix: Implement ARIA tabs markup and keyboards interactions for admin tabs (Steven Steinwand)
  * Fix: Ensure `wagtail updatemodulepaths` works when system locale is not UTF-8 (Matt Westcott)
  * Fix: Re-establish focus trap for Pages explorer in slim sidebar (Thibaud Colas)
+ * Fix: Ensure the icon font loads correctly when `STATIC_URL` is not `"/static/"` (Jacob Topp-Mugglestone)
 
 
 2.16.2 (11.04.2022)

client/webpack.config.js

@@ -397,7 +397,12 @@ module.exports = function exports(env, argv) {
           test: /\.(scss|css)$/,
           use: [
             MiniCssExtractPlugin.loader,
-            'css-loader',
+            {
+              loader: 'css-loader',
+              options: {
+                url: false,
+              },
+            },
             {
               loader: 'postcss-loader',
               options: {

docs/releases/3.0.md

@@ -128,6 +128,7 @@ When using a queryset to render a list of items with images, you can now make us
  * Implement ARIA tabs markup and keyboards interactions for admin tabs (Steven Steinwand)
  * Ensure `wagtail updatemodulepaths` works when system locale is not UTF-8 (Matt Westcott)
  * Re-establish focus trap for Pages explorer in slim sidebar (Thibaud Colas)
+ * Ensure the icon font loads correctly when `STATIC_URL` is not `"/static/"` (Jacob Topp-Mugglestone)
 
 
 ## Upgrade considerations - changes affecting all projects