refactor(@schematics/angular): use new .browserslistrc file in ng generate config

Note that the generated file does include `bl2bl` branding:

```
# This file was created by bl2bl2.
# Learn more at https://github.com/web-platform-dx/bl2bl
```

I opted to leave that in as it is technically accurate, though might be a bit confusing to users in this context.

Author: dgp1130

packages/angular/build/BUILD.bazel

@@ -45,6 +45,7 @@ bl2bl_bin.bl2bl(
     srcs = ["src/browserslist/package.json"],
     outs = ["src/browserslist/.browserslistrc"],
     chdir = "%s/src/browserslist" % package_name(),
+    visibility = ["//packages/schematics/angular:__pkg__"],
 )
 
 RUNTIME_ASSETS = glob(

packages/schematics/angular/BUILD.bazel

@@ -42,11 +42,20 @@ copy_to_bin(
     srcs = glob(["**/schema.json"]),
 )
 
+# Copy the generated browserslist file into this package.
+genrule(
+    name = "angular_browserslist",
+    srcs = ["//packages/angular/build:angular_browserslist"],
+    outs = [".browserslistrc"],
+    cmd = "cp $< $@",
+)
+
 RUNTIME_ASSETS = [
     "collection.json",
     "migrations/migration-collection.json",
     "package.json",
     "utility/latest-versions/package.json",
+    ":angular_browserslist",
 ] + glob(
     include = [
         "*/schema.json",

packages/schematics/angular/config/files/.browserslistrc.template

@@ -8,10 +8,4 @@
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-last 2 Chrome versions
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-last 2 Android major versions
-Firefox ESR
+<%= config %>

packages/schematics/angular/config/index.ts

@@ -17,6 +17,7 @@ import {
   strings,
   url,
 } from '@angular-devkit/schematics';
+import { promises as fs } from 'node:fs';
 import { posix as path } from 'node:path';
 import { relativePathToWorkspaceRoot } from '../utility/paths';
 import { getWorkspace as readWorkspace, updateWorkspace } from '../utility/workspace';
@@ -42,10 +43,13 @@ function addBrowserslistConfig(options: ConfigOptions): Rule {
       throw new SchematicsException(`Project name "${options.project}" doesn't not exist.`);
     }
 
+    // Read Angular's default vendored `.browserslistrc` file.
+    const config = await fs.readFile(require.resolve('../.browserslistrc'), 'utf8');
+
     return mergeWith(
       apply(url('./files'), [
         filter((p) => p.endsWith('.browserslistrc.template')),
-        applyTemplates({}),
+        applyTemplates({ config }),
         move(project.root),
       ]),
     );

packages/schematics/angular/config/index_spec.ts

@@ -94,7 +94,7 @@ describe('Config Schematic', () => {
   describe(`when 'type' is 'browserslist'`, () => {
     it('should create a .browserslistrc file', async () => {
       const tree = await runConfigSchematic(ConfigType.Browserslist);
-      expect(tree.exists('projects/foo/.browserslistrc')).toBeTrue();
+      expect(tree.readContent('projects/foo/.browserslistrc')).toContain('Chrome >=');
     });
   });
 });