@angular/build 18.1.0-next.0 → 18.1.0-next.2

package/src/tools/esbuild/javascript-transformer-worker.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -33,6 +33,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformJavaScript;
 const core_1 = require("@babel/core");
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
@@ -47,7 +48,6 @@ async function transformJavaScript(request) {
     // Transfer the data via `move` instead of cloning
     return piscina_1.default.move(textEncoder.encode(transformedData));
 }
-exports.default = transformJavaScript;
 /**
  * Cached instance of the compiler-cli linker's createEs2015LinkerPlugin function.
  */

package/src/tools/esbuild/javascript-transformer.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import { Cache } from './cache';
 /**
@@ -26,7 +26,7 @@ export declare class JavaScriptTransformer {
     #private;
     readonly maxThreads: number;
     private readonly cache?;
-    constructor(options: JavaScriptTransformerOptions, maxThreads: number, cache?: Cache<Uint8Array, import("./cache").CacheStore<Uint8Array>> | undefined);
+    constructor(options: JavaScriptTransformerOptions, maxThreads: number, cache?: Cache<Uint8Array> | undefined);
     /**
      * Performs JavaScript transformations on a file from the filesystem.
      * If no transformations are required, the data for the original file will be returned.

package/src/tools/esbuild/javascript-transformer.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };

package/src/tools/esbuild/license-extractor.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { Metafile } from 'esbuild';
 /**

package/src/tools/esbuild/license-extractor.js

@@ -4,13 +4,13 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractLicenses = void 0;
+exports.extractLicenses = extractLicenses;
 const promises_1 = require("node:fs/promises");
 const node_path_1 = __importDefault(require("node:path"));
 /**
@@ -155,4 +155,3 @@ async function extractLicenses(metafile, rootDirectory) {
     }
     return extractedLicenseContent;
 }
-exports.extractLicenses = extractLicenses;

package/src/tools/esbuild/lmdb-cache-store.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import { Cache, CacheStore } from './cache';
 export declare class LmbdCacheStore implements CacheStore<unknown> {

package/src/tools/esbuild/lmdb-cache-store.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LmbdCacheStore = void 0;

package/src/tools/esbuild/load-result-cache.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { OnLoadResult, PluginBuild } from 'esbuild';
 export interface LoadResultCache {

package/src/tools/esbuild/load-result-cache.js

@@ -4,10 +4,11 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MemoryLoadResultCache = exports.createCachedLoad = void 0;
+exports.MemoryLoadResultCache = void 0;
+exports.createCachedLoad = createCachedLoad;
 const node_path_1 = require("node:path");
 function createCachedLoad(cache, callback) {
     if (cache === undefined) {
@@ -31,7 +32,6 @@ function createCachedLoad(cache, callback) {
         return result;
     };
 }
-exports.createCachedLoad = createCachedLoad;
 class MemoryLoadResultCache {
     #loadResults = new Map();
     #fileDependencies = new Map();

package/src/tools/esbuild/profiling.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 export declare function resetCumulativeDurations(): void;
 export declare function logCumulativeDurations(): void;

package/src/tools/esbuild/profiling.js

@@ -4,16 +4,18 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.profileSync = exports.profileAsync = exports.logCumulativeDurations = exports.resetCumulativeDurations = void 0;
+exports.resetCumulativeDurations = resetCumulativeDurations;
+exports.logCumulativeDurations = logCumulativeDurations;
+exports.profileAsync = profileAsync;
+exports.profileSync = profileSync;
 const environment_options_1 = require("../../utils/environment-options");
 let cumulativeDurations;
 function resetCumulativeDurations() {
     cumulativeDurations?.clear();
 }
-exports.resetCumulativeDurations = resetCumulativeDurations;
 function logCumulativeDurations() {
     if (!environment_options_1.debugPerformance || !cumulativeDurations) {
         return;
@@ -36,7 +38,6 @@ function logCumulativeDurations() {
         console.log(`DURATION[${name}]: ${total.toFixed(9)}s [count: ${durations.length}; avg: ${average.toFixed(9)}s; min: ${min?.toFixed(9)}s; max: ${max?.toFixed(9)}s]`);
     }
 }
-exports.logCumulativeDurations = logCumulativeDurations;
 function recordDuration(name, startTime, cumulative) {
     const duration = Number(process.hrtime.bigint() - startTime) / 10 ** 9;
     if (cumulative) {
@@ -62,7 +63,6 @@ async function profileAsync(name, action, cumulative) {
         recordDuration(name, startTime, cumulative);
     }
 }
-exports.profileAsync = profileAsync;
 function profileSync(name, action, cumulative) {
     if (!environment_options_1.debugPerformance) {
         return action();
@@ -75,4 +75,3 @@ function profileSync(name, action, cumulative) {
         recordDuration(name, startTime, cumulative);
     }
 }
-exports.profileSync = profileSync;

package/src/tools/esbuild/rxjs-esm-resolution-plugin.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { Plugin } from 'esbuild';
 /**

package/src/tools/esbuild/rxjs-esm-resolution-plugin.js

@@ -4,10 +4,10 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRxjsEsmResolutionPlugin = void 0;
+exports.createRxjsEsmResolutionPlugin = createRxjsEsmResolutionPlugin;
 const RXJS_ESM_RESOLUTION = Symbol('RXJS_ESM_RESOLUTION');
 /**
  * Creates a plugin that forces ESM resolution of rxjs.
@@ -41,4 +41,3 @@ function createRxjsEsmResolutionPlugin() {
         },
     };
 }
-exports.createRxjsEsmResolutionPlugin = createRxjsEsmResolutionPlugin;

package/src/tools/esbuild/sourcemap-ignorelist-plugin.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { Plugin } from 'esbuild';
 /**

package/src/tools/esbuild/sourcemap-ignorelist-plugin.js

@@ -4,10 +4,10 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSourcemapIgnorelistPlugin = void 0;
+exports.createSourcemapIgnorelistPlugin = createSourcemapIgnorelistPlugin;
 /**
  * The field identifier for the sourcemap Chrome Devtools ignore list extension.
  *
@@ -70,4 +70,3 @@ function createSourcemapIgnorelistPlugin() {
         },
     };
 }
-exports.createSourcemapIgnorelistPlugin = createSourcemapIgnorelistPlugin;

package/src/tools/esbuild/stylesheets/bundle-options.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { BuildOptions } from 'esbuild';
 import { NormalizedCachedOptions } from '../../../utils/normalize-cache';

package/src/tools/esbuild/stylesheets/bundle-options.js

@@ -4,13 +4,13 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStylesheetBundleOptions = void 0;
+exports.createStylesheetBundleOptions = createStylesheetBundleOptions;
 const node_path_1 = __importDefault(require("node:path"));
 const css_inline_fonts_plugin_1 = require("./css-inline-fonts-plugin");
 const css_language_1 = require("./css-language");
@@ -61,4 +61,3 @@ function createStylesheetBundleOptions(options, cache, inlineComponentData) {
         plugins,
     };
 }
-exports.createStylesheetBundleOptions = createStylesheetBundleOptions;

package/src/tools/esbuild/stylesheets/css-inline-fonts-plugin.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { Plugin } from 'esbuild';
 import { NormalizedCachedOptions } from '../../../utils/normalize-cache';

package/src/tools/esbuild/stylesheets/css-inline-fonts-plugin.js

@@ -4,10 +4,10 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCssInlineFontsPlugin = void 0;
+exports.createCssInlineFontsPlugin = createCssInlineFontsPlugin;
 const inline_fonts_1 = require("../../../utils/index-file/inline-fonts");
 const load_result_cache_1 = require("../load-result-cache");
 /**
@@ -54,4 +54,3 @@ function createCssInlineFontsPlugin({ cache, cacheOptions, }) {
         },
     };
 }
-exports.createCssInlineFontsPlugin = createCssInlineFontsPlugin;

package/src/tools/esbuild/stylesheets/css-language.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import { StylesheetLanguage } from './stylesheet-plugin-factory';
 export declare const CssStylesheetLanguage: Readonly<StylesheetLanguage>;

package/src/tools/esbuild/stylesheets/css-language.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CssStylesheetLanguage = void 0;

package/src/tools/esbuild/stylesheets/css-resource-plugin.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { Plugin } from 'esbuild';
 import { LoadResultCache } from '../load-result-cache';

package/src/tools/esbuild/stylesheets/css-resource-plugin.js

@@ -4,10 +4,10 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCssResourcePlugin = void 0;
+exports.createCssResourcePlugin = createCssResourcePlugin;
 const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
 const load_result_cache_1 = require("../load-result-cache");
@@ -111,4 +111,3 @@ function createCssResourcePlugin(cache) {
         },
     };
 }
-exports.createCssResourcePlugin = createCssResourcePlugin;

package/src/tools/esbuild/stylesheets/less-language.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import { StylesheetLanguage } from './stylesheet-plugin-factory';
 export declare const LessStylesheetLanguage: Readonly<StylesheetLanguage>;

package/src/tools/esbuild/stylesheets/less-language.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/src/tools/esbuild/stylesheets/sass-language.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import { StylesheetLanguage } from './stylesheet-plugin-factory';
 export declare function shutdownSassWorkerPool(): void;

package/src/tools/esbuild/stylesheets/sass-language.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -30,7 +30,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SassStylesheetLanguage = exports.shutdownSassWorkerPool = void 0;
+exports.SassStylesheetLanguage = void 0;
+exports.shutdownSassWorkerPool = shutdownSassWorkerPool;
 const node_path_1 = require("node:path");
 const node_url_1 = require("node:url");
 const cache_1 = require("../cache");
@@ -49,7 +50,6 @@ function shutdownSassWorkerPool() {
     }
     sassWorkerPoolPromise = undefined;
 }
-exports.shutdownSassWorkerPool = shutdownSassWorkerPool;
 exports.SassStylesheetLanguage = Object.freeze({
     name: 'sass',
     componentFilter: /^s[ac]ss;/,
@@ -169,6 +169,10 @@ async function compileString(data, filePath, syntax, options, resolveUrl) {
     catch (error) {
         if (isSassException(error)) {
             const fileWithError = error.span.url ? (0, node_url_1.fileURLToPath)(error.span.url) : undefined;
+            const watchFiles = [filePath, ...extractFilesFromStack(error.sassStack)];
+            if (fileWithError) {
+                watchFiles.push(fileWithError);
+            }
             return {
                 loader: 'css',
                 errors: [
@@ -177,7 +181,7 @@ async function compileString(data, filePath, syntax, options, resolveUrl) {
                     },
                 ],
                 warnings,
-                watchFiles: fileWithError ? [filePath, fileWithError] : [filePath],
+                watchFiles,
             };
         }
         throw error;
@@ -190,3 +194,25 @@ function sourceMapToUrlComment(sourceMap, root) {
     const urlSourceMap = Buffer.from(JSON.stringify(sourceMap), 'utf-8').toString('base64');
     return `/*# sourceMappingURL=data:application/json;charset=utf-8;base64,${urlSourceMap} */`;
 }
+function* extractFilesFromStack(stack) {
+    const lines = stack.split('\n');
+    const cwd = process.cwd();
+    // Stack line has format of "<file> <location> <identifier>"
+    for (const line of lines) {
+        const segments = line.split(' ');
+        if (segments.length < 3) {
+            break;
+        }
+        // Extract path from stack line.
+        // Paths may contain spaces. All segments before location are part of the file path.
+        let path = '';
+        let index = 0;
+        while (!segments[index].match(/\d+:\d+/)) {
+            path += segments[index++];
+        }
+        if (path) {
+            // Stack paths from dart-sass are relative to the current working directory (not input file or workspace root)
+            yield (0, node_path_1.join)(cwd, path);
+        }
+    }
+}

package/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import type { OnLoadResult, Plugin, PluginBuild } from 'esbuild';
 import type { PostcssConfiguration } from '../../../utils/postcss-configuration';
@@ -52,7 +52,14 @@ export interface StylesheetLanguage {
 export declare class StylesheetPluginFactory {
     private readonly options;
     private readonly cache?;
-    private postcssProcessor?;
     constructor(options: StylesheetPluginOptions, cache?: LoadResultCache | undefined);
     create(language: Readonly<StylesheetLanguage>): Plugin;
+    private setupPostcssPromise;
+    private get setupPostcss();
+    private initPostcssCallCount;
+    /**
+     * This method should not be called directly.
+     * Use {@link setupPostcss} instead.
+     */
+    private initPostcss;
 }

package/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.js

@@ -4,7 +4,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -65,56 +65,19 @@ const postcssProcessors = new Map();
 class StylesheetPluginFactory {
     options;
     cache;
-    postcssProcessor;
     constructor(options, cache) {
         this.options = options;
         this.cache = cache;
     }
     create(language) {
+        const { cache, options, setupPostcss } = this;
         // Return a noop plugin if no load actions are required
-        if (!language.process &&
-            !this.options.postcssConfiguration &&
-            !this.options.tailwindConfiguration) {
+        if (!language.process && !options.postcssConfiguration && !options.tailwindConfiguration) {
             return {
                 name: 'angular-' + language.name,
                 setup() { },
             };
         }
-        const { cache, options } = this;
-        const setupPostcss = async () => {
-            // Return already created processor if present
-            if (this.postcssProcessor) {
-                return this.postcssProcessor;
-            }
-            if (options.postcssConfiguration) {
-                const postCssInstanceKey = JSON.stringify(options.postcssConfiguration);
-                this.postcssProcessor = postcssProcessors.get(postCssInstanceKey)?.deref();
-                if (!this.postcssProcessor) {
-                    postcss ??= (await Promise.resolve().then(() => __importStar(require('postcss')))).default;
-                    this.postcssProcessor = postcss();
-                    for (const [pluginName, pluginOptions] of options.postcssConfiguration.plugins) {
-                        const { default: plugin } = await Promise.resolve(`${pluginName}`).then(s => __importStar(require(s)));
-                        if (typeof plugin !== 'function' || plugin.postcss !== true) {
-                            throw new Error(`Attempted to load invalid Postcss plugin: "${pluginName}"`);
-                        }
-                        this.postcssProcessor.use(plugin(pluginOptions));
-                    }
-                    postcssProcessors.set(postCssInstanceKey, new WeakRef(this.postcssProcessor));
-                }
-            }
-            else if (options.tailwindConfiguration) {
-                const { package: tailwindPackage, file: config } = options.tailwindConfiguration;
-                const postCssInstanceKey = tailwindPackage + ':' + config;
-                this.postcssProcessor = postcssProcessors.get(postCssInstanceKey)?.deref();
-                if (!this.postcssProcessor) {
-                    postcss ??= (await Promise.resolve().then(() => __importStar(require('postcss')))).default;
-                    const tailwind = await Promise.resolve(`${tailwindPackage}`).then(s => __importStar(require(s)));
-                    this.postcssProcessor = postcss().use(tailwind.default({ config }));
-                    postcssProcessors.set(postCssInstanceKey, new WeakRef(this.postcssProcessor));
-                }
-            }
-            return this.postcssProcessor;
-        };
         return {
             name: 'angular-' + language.name,
             async setup(build) {
@@ -122,7 +85,7 @@ class StylesheetPluginFactory {
                 let postcssProcessor;
                 build.onStart(async () => {
                     try {
-                        postcssProcessor = await setupPostcss();
+                        postcssProcessor = await setupPostcss;
                     }
                     catch {
                         return {
@@ -156,6 +119,48 @@ class StylesheetPluginFactory {
             },
         };
     }
+    setupPostcssPromise;
+    get setupPostcss() {
+        return (this.setupPostcssPromise ??= this.initPostcss());
+    }
+    initPostcssCallCount = 0;
+    /**
+     * This method should not be called directly.
+     * Use {@link setupPostcss} instead.
+     */
+    async initPostcss() {
+        node_assert_1.default.equal(++this.initPostcssCallCount, 1, '`initPostcss` was called more than once.');
+        const { options } = this;
+        if (options.postcssConfiguration) {
+            const postCssInstanceKey = JSON.stringify(options.postcssConfiguration);
+            let postcssProcessor = postcssProcessors.get(postCssInstanceKey)?.deref();
+            if (!postcssProcessor) {
+                postcss ??= (await Promise.resolve().then(() => __importStar(require('postcss')))).default;
+                postcssProcessor = postcss();
+                for (const [pluginName, pluginOptions] of options.postcssConfiguration.plugins) {
+                    const { default: plugin } = await Promise.resolve(`${pluginName}`).then(s => __importStar(require(s)));
+                    if (typeof plugin !== 'function' || plugin.postcss !== true) {
+                        throw new Error(`Attempted to load invalid Postcss plugin: "${pluginName}"`);
+                    }
+                    postcssProcessor.use(plugin(pluginOptions));
+                }
+                postcssProcessors.set(postCssInstanceKey, new WeakRef(postcssProcessor));
+            }
+            return postcssProcessor;
+        }
+        else if (options.tailwindConfiguration) {
+            const { package: tailwindPackage, file: config } = options.tailwindConfiguration;
+            const postCssInstanceKey = tailwindPackage + ':' + config;
+            let postcssProcessor = postcssProcessors.get(postCssInstanceKey)?.deref();
+            if (!postcssProcessor) {
+                postcss ??= (await Promise.resolve().then(() => __importStar(require('postcss')))).default;
+                const tailwind = await Promise.resolve(`${tailwindPackage}`).then(s => __importStar(require(s)));
+                postcssProcessor = postcss().use(tailwind.default({ config }));
+                postcssProcessors.set(postCssInstanceKey, new WeakRef(postcssProcessor));
+            }
+            return postcssProcessor;
+        }
+    }
 }
 exports.StylesheetPluginFactory = StylesheetPluginFactory;
 async function processStylesheet(language, data, filename, format, options, build, postcssProcessor) {

package/src/tools/esbuild/utils.d.ts

@@ -3,7 +3,7 @@
  * Copyright Google LLC All Rights Reserved.
  *
  * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * found in the LICENSE file at https://angular.dev/license
  */
 import { BuilderContext } from '@angular-devkit/architect';
 import { BuildOptions, Metafile, OutputFile } from 'esbuild';