fix(@schematics/angular): keep existing build versions

Author: raashish1601

packages/schematics/angular/migrations/use-application-builder/migration.ts

@@ -15,11 +15,11 @@ import {
   externalSchematic,
 } from '@angular-devkit/schematics';
 import { dirname, join } from 'node:path/posix';
-import { getPackageJsonDependency } from '../../utility/dependencies';
 import {
   DependencyType,
   ExistingBehavior,
   addDependency,
+  getDependency,
   removeDependency,
 } from '../../utility/dependency';
 import { JSONFile } from '../../utility/json-file';
@@ -271,13 +271,13 @@ function updateProjects(tree: Tree, context: SchematicContext) {
       }
 
       // Add direct @angular/build dependencies and remove @angular-devkit/build-angular
-      const buildDependency =
-        getPackageJsonDependency(tree, '@angular-devkit/build-angular') ??
-        getPackageJsonDependency(tree, '@angular/build');
+      const buildAngularVersion =
+        getDependency(tree, '@angular-devkit/build-angular')?.version ??
+        latestVersions.DevkitBuildAngular;
       rules.push(
-        addDependency('@angular/build', buildDependency?.version ?? latestVersions.AngularBuild, {
+        addDependency('@angular/build', buildAngularVersion, {
           type: DependencyType.Dev,
-          existing: ExistingBehavior.Replace,
+          existing: ExistingBehavior.Skip,
         }),
         removeDependency('@angular-devkit/build-angular'),
       );

packages/schematics/angular/migrations/use-application-builder/migration_spec.ts

@@ -467,6 +467,24 @@ describe(`Migration to use the application builder`, () => {
     expect(devDependencies['@angular-devkit/build-angular']).toBeUndefined();
   });
 
+  it('should preserve an existing "@angular/build" version when migrating', async () => {
+    tree.overwrite(
+      '/package.json',
+      JSON.stringify({
+        devDependencies: {
+          '@angular-devkit/build-angular': '~18.2.20',
+          '@angular/build': '~18.2.10',
+        },
+      }),
+    );
+
+    const newTree = await schematicRunner.runSchematic(schematicName, {}, tree);
+
+    const { devDependencies } = JSON.parse(newTree.readContent('/package.json'));
+    expect(devDependencies['@angular/build']).toBe('~18.2.10');
+    expect(devDependencies['@angular-devkit/build-angular']).toBeUndefined();
+  });
+
   it('it should not add esModuleInterop and moduleResolution when module is preserve', async () => {
     tree.overwrite(
       'tsconfig.json',