fix: use es2022 in cli bundler and in storybook

fixes #25737

Signed-off-by: Heikki Hellgren <heikki.hellgren@op.fi>

.changeset/cuddly-zebras-crash.md

@@ -0,0 +1,5 @@
+---
+'@backstage/cli': patch
+---
+
+Use ES2022 in CLI bundler

packages/cli/src/lib/bundler/optimization.ts

@@ -28,13 +28,13 @@ export const optimization = (
     minimize: !isDev,
     minimizer: [
       new EsbuildPlugin({
-        target: 'es2019',
+        target: 'ES2022',
         format: 'iife',
         exclude: 'remoteEntry.js',
       }),
       // Avoid iife wrapping of module federation remote entry as it breaks the variable assignment
       new EsbuildPlugin({
-        target: 'es2019',
+        target: 'ES2022',
         format: undefined,
         include: 'remoteEntry.js',
       }),

packages/cli/src/lib/bundler/transforms.ts

@@ -57,7 +57,7 @@ export const transforms = (options: TransformOptions): Transforms => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               externalHelpers: !isBackend,
               parser: {
                 syntax: 'typescript',
@@ -85,7 +85,7 @@ export const transforms = (options: TransformOptions): Transforms => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               externalHelpers: !isBackend,
               parser: {
                 syntax: 'ecmascript',
@@ -118,7 +118,7 @@ export const transforms = (options: TransformOptions): Transforms => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'es2022',
               externalHelpers: !isBackend,
               parser: {
                 syntax: 'ecmascript',

storybook/.storybook/main.js

@@ -69,7 +69,7 @@ module.exports = Object.assign(({ args }) => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               parser: {
                 syntax: 'typescript',
                 tsx: true,
@@ -89,7 +89,7 @@ module.exports = Object.assign(({ args }) => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               parser: {
                 syntax: 'ecmascript',
                 jsx: true,