@@ -253,19 +253,7 @@ function createCodeBundleOptions(
 entryNames: outputNames.bundles,
 assetNames: outputNames.media,
 target,
-supported: {
-// Native async/await is not supported with Zone.js. Disabling support here will cause
-// esbuild to downlevel async/await and for await...of to a Zone.js supported form. However, esbuild
-// does not currently support downleveling async generators. Instead babel is used within the JS/TS
-// loader to perform the downlevel transformation.
-// NOTE: If esbuild adds support in the future, the babel support for async generators can be disabled.
-'async-await': false,
-// V8 currently has a performance defect involving object spread operations that can cause signficant
-// degradation in runtime performance. By not supporting the language feature here, a downlevel form
-// will be used instead which provides a workaround for the performance issue.
-// For more details: https://bugs.chromium.org/p/v8/issues/detail?id=11536
-'object-rest-spread': false,
-},
+supported: getFeatureSupport(target),
 mainFields: ['es2020', 'browser', 'module', 'main'],
 conditions: ['es2020', 'es2015', 'module'],
 resolveExtensions: ['.ts', '.tsx', '.mjs', '.js'],
@@ -314,6 +302,57 @@ function createCodeBundleOptions(
 };
 }
 
+/**
+* Generates a syntax feature object map for Angular applications based on a list of targets.
+* A full set of feature names can be found here: https://esbuild..io/api/#supported
+* @param target An array of browser/engine targets in the format accepted by the esbuild `target` option.
+* @returns An object that can be used with the esbuild build `supported` option.
+*/
+function getFeatureSupport(target: string[]): BuildOptions['supported'] {
+const supported: Record<string, boolean> = {
+// Native async/await is not supported with Zone.js. Disabling support here will cause
+// esbuild to downlevel async/await and for await...of to a Zone.js supported form. However, esbuild
+// does not currently support downleveling async generators. Instead babel is used within the JS/TS
+// loader to perform the downlevel transformation.
+// NOTE: If esbuild adds support in the future, the babel support for async generators can be disabled.
+'async-await': false,
+// V8 currently has a performance defect involving object spread operations that can cause signficant
+// degradation in runtime performance. By not supporting the language feature here, a downlevel form
+// will be used instead which provides a workaround for the performance issue.
+// For more details: https://bugs.chromium.org/p/v8/issues/detail?id=11536
+'object-rest-spread': false,
+};
+
+// Detect Safari browser versions that have a class field behavior bug
+// See: https://.com/angular/angular-cli/issues/24355#issuecomment-1333477033
+// See: https://.com/WebKit/WebKit/commit/e8788a34b3d5f5b4edd7ff6450b80936bff396f2
+let safariClassFieldScopeBug = false;
+for (const browser of target) {
+let majorVersion;
+if (browser.startsWith('ios')) {
+majorVersion = Number(browser.slice(3, 5));
+} else if (browser.startsWith('safari')) {
+majorVersion = Number(browser.slice(6, 8));
+} else {
+continue;
+}
+// Technically, 14.0 is not broken but rather does not have support. However, the behavior
+// is identical since it would be set to false by esbuild if present as a target.
+if (majorVersion === 14 || majorVersion === 15) {
+safariClassFieldScopeBug = true;
+break;
+}
+}
+// If class field support cannot be used set to false; otherwise leave undefined to allow
+// esbuild to use `target` to determine support.
+if (safariClassFieldScopeBug) {
+supported['class-field'] = false;
+supported['class-static-field'] = false;
+}
+
+return supported;
+}
+
 function createGlobalStylesBundleOptions(
 options: NormalizedBrowserOptions,
 target: string[],