fix(@angular-devkit/build-angular): correctly ignore inline styles during i18n extraction

Fixes #20968

Author: clydin

packages/angular_devkit/build_angular/src/extract-i18n/index.ts

@@ -240,7 +240,7 @@ export async function execute(
             path.join(__dirname, 'empty-export-default.js'),
           ),
           new webpack.NormalModuleReplacementPlugin(
-            /^angular-resource:\/\//,
+            /^angular-resource:style,/,
             path.join(__dirname, 'empty-export-default.js'),
           ),
         ],

packages/angular_devkit/build_angular/src/extract-i18n/works_spec.ts

@@ -146,4 +146,17 @@ describe('Extract i18n Target', () => {
     const fullLog = logs.join();
     expect(fullLog).toContain('Duplicate messages with id');
   });
+
+  it('ignores inline styles', async () => {
+    host.appendToFile('src/app/app.component.html', '<p i18n>i18n test</p>');
+    host.replaceInFile('src/app/app.component.ts', 'styleUrls', 'styles');
+    host.replaceInFile('src/app/app.component.ts', './app.component.css', 'h1 { color: green; }');
+
+    const run = await architect.scheduleTarget(extractI18nTargetSpec);
+
+    // This will fail if a style is processed since the style rules are not included during extraction
+    await expectAsync(run.result).toBeResolvedTo(jasmine.objectContaining({ success: true }));
+
+    await run.stop();
+  });
 });