fix(@angular-devkit/build-angular): prevent relative import failure with Less in esbuild builder

When using the esbuild-based browser application builder, relative Less imports could cause
a fatal exception. This has now been corrected.

(cherry picked from commit 57f0be7)

Author: clydin

packages/angular_devkit/build_angular/src/builders/browser-esbuild/stylesheets/less-plugin.ts

@@ -86,25 +86,23 @@ async function compileString(
           environment: Less.Environment,
         ): Promise<Less.FileLoadResult> {
           // Attempt direct loading as a relative path to avoid resolution overhead
-          const directResult = this.loadFileSync(filename, currentDirectory, options, environment);
-          if ('contents' in directResult) {
-            return directResult;
+          try {
+            return await super.loadFile(filename, currentDirectory, options, environment);
+          } catch (error) {
+            // Attempt a full resolution if not found
+            const fullResult = await resolver(filename, {
+              kind: 'import-rule',
+              resolveDir: currentDirectory,
+            });
+            if (fullResult.path) {
+              return {
+                filename: fullResult.path,
+                contents: await readFile(fullResult.path, 'utf-8'),
+              };
+            }
+            // Otherwise error by throwing the failing direct result
+            throw error;
           }
-
-          // Attempt a full resolution if not found
-          const fullResult = await resolver(filename, {
-            kind: 'import-rule',
-            resolveDir: currentDirectory,
-          });
-          if (fullResult.path) {
-            return {
-              filename: fullResult.path,
-              contents: await readFile(fullResult.path, 'utf-8'),
-            };
-          }
-
-          // Otherwise error by throwing the failing direct result
-          throw directResult.error;
         }
       })();