Remove unused @svgr/webpack support (#47488)

Everything that has been using it has been removed: Jetpack had one
block using it for an icon that was replaced when switching to
block.json, while Forms replaced all their uses because wp-build doesn't
support svgr.

Meanwhile, `@svgr/webpack` seems to no longer be being actively updated
upstream and is still on an old version of svgo.

Author: anomiex

pnpm-lock.yaml

@@ -30,8 +30,6 @@ minimumReleaseAgeExclude:
   - '@automattic/*'
   - '@woocommerce/*'
   - '@wordpress/*'
-  # Renovate security update: svgo@4.0.1
-  - svgo@4.0.1
 trustPolicy: no-downgrade
 trustPolicyExclude:
   # https://github.com/paulmillr/chokidar/issues/1440

pnpm-workspace.yaml

@@ -0,0 +1,5 @@
+Significance: patch
+Type: removed
+Comment: Remove unused `@svgr/webpack` support.
+
+

projects/js-packages/webpack-config/changelog/remove-svgr-webpack

@@ -21,8 +21,6 @@ const FileRule = ( options = {} ) => {
 			'i'
 		),
 		...type,
-		// Allow loading svg files as components, rather than a url, by appending `?component` to the import.
-		resourceQuery: { not: [ /component/ ] },
 		generator: {
 			filename: options.filename || 'images/[name]-[contenthash][ext]',
 		},

projects/js-packages/webpack-config/src/webpack/file-rule.js

@@ -0,0 +1,5 @@
+Significance: patch
+Type: removed
+Comment: Remove unused `@svgr/webpack` support.
+
+

projects/packages/forms/changelog/remove-svgr-webpack

@@ -2,7 +2,6 @@ import type { ConnectionScriptData } from '@automattic/jetpack-connection';
 
 declare module '*.png';
 declare module '*.svg';
-declare module '*.svg?component';
 declare module '*.svg?raw';
 declare module '*.jpeg';
 declare module '*.jpg';

projects/packages/forms/declarations.d.ts

@@ -102,7 +102,6 @@
 		"@automattic/remove-asset-webpack-plugin": "workspace:*",
 		"@babel/core": "7.29.0",
 		"@babel/runtime": "7.28.6",
-		"@svgr/webpack": "8.1.0",
 		"@tanstack/react-router": "^1.139.12",
 		"@testing-library/dom": "10.4.1",
 		"@testing-library/react": "^16.3.0",

projects/packages/forms/package.json

@@ -84,25 +84,17 @@ const sharedWebpackConfig = {
 				],
 			} ),
 
-			// Allow importing .svg files as React components via `?component` query.
-			{
-				test: /\.svg$/i,
-				issuer: /\.[jt]sx?$/,
-				resourceQuery: /component/,
-				use: [ '@svgr/webpack' ],
-			},
-
 			// Allow importing .svg files as raw HTML strings via `?raw` query.
 			{
 				test: /\.svg$/i,
 				resourceQuery: /raw/,
 				type: 'asset/source',
 			},
 
-			// Handle images (exclude ?component and ?raw SVG imports).
+			// Handle images (exclude ?raw SVG imports).
 			{
 				...jetpackWebpackConfig.FileRule(),
-				resourceQuery: { not: [ /component/, /raw/ ] },
+				resourceQuery: { not: [ /raw/ ] },
 			},
 		],
 	},