Angular $localize error after updating from version 14 to 15

After updating our Angular app from version 14.0.4 to version 15.1.3 (also tried 15.1.2 before) we get the following error when trying to access the app:

Uncaught Error: It looks like your application or one of its dependencies is using i18n. 
Angular 9 introduced a global `$localize()` function that needs to be loaded.
Please run `ng add @angular/localize` from the Angular CLI.
(For non-CLI projects, add `import '@angular/localize/init';` to your `polyfills.ts` file.
For server-side rendering applications add the import to your `main.server.ts` file.)

So the problem is, that we already did those steps many updates ago. As you can see also from the description, this is sth. introduced with version 9. But we are running version 14 (and earlier) without any issues of this kind. The app compiles without errors and this is a run-time error.

I also tried re-running the mentioned command ng add @angular/localize after the version update, which just adds @angular/localize to the types array in the tsconfig, but it still fails with the same error.

I did the update following the recommended angular update website (https://update.angular.io/?l=3&v=14.0-15.0) and also updated all other co-dependencies to the newest version (like material, NgRx, typescript etc.)

We use $localize either directly in components, for example:

 private readonly onLabel = $localize`:@@common_onLabel:`;

Or also in a shared way like this:

export const i18nD = $localize`:@@components_timeDisplay_shortDaysFormat:` as 'd';

I would appreciate any ideas or steps I could try, because I'm running out of ideas what to try next.

It looks like in recent versions they use a different system to include global $localize function.
It does not rely anymore on polyfill, but instead looks for the presence of @angular/localize among TS compiler configuration types array's items.
https://github.com/angular/angular-cli/pull/24032

Try re-issuing schematic for adding $localize

ng add @angular/localize

or adding manually the type path in your tsconfig.json or whatever TS configuration file your project uses.

{
  "compilerOptions": {
    ...
    "types": ["@angular/localize"]  
  }
  ...
}

I finally found the issue: It was an outdated browserslist configuration.
It was not touched for several years and looked like this:

"browserslist": [
  "> 1%",
  "last 1 version",
  "not ie > 0",
  "not ie_mob > 0",
  "safari >= 10",
  "not dead"
]

Removing it completely already fixed the issue. I'm still evaluating if I should set it to this "defaults and supports es6-module" or the Angular 15 defaults: https://angular.io/guide/build#configuring-browser-compatibility. Both seem to work and not cause the error mentioned in my question.

I got error with

last 5 Chrome versions
last 5 Firefox versions
last 5 Edge major versions
last 5 Safari major versions

but okay with

chrome > 60
last 4 Chrome versions
last 4 Firefox versions
last 4 Edge major versions
last 4 Safari major versions

I do have the @angular/localize installed and imported.

I tried number more than 5, it ends with failure.