chore: update dependency esbuild to v0.21.4

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
esbuild	0.21.3 -> 0.21.4

---

Release Notes

evanw/esbuild (esbuild)

v0.21.4

Compare Source

• Update support for import assertions and import attributes in node (#​3778)

  Import assertions (the assert keyword) have been removed from node starting in v22.0.0. So esbuild will now strip them and generate a warning with --target=node22 or above:

  ▲ [WARNING] The "assert" keyword is not supported in the configured target environment ("node22") [assert-to-with]
  
      example.mjs:1:40:
        1 │ import json from "esbuild/package.json" assert { type: "json" }
          │                                         ~~~~~~
          ╵                                         with
  
    Did you mean to use "with" instead of "assert"?
  

  Import attributes (the with keyword) have been backported to node 18 starting in v18.20.0. So esbuild will no longer strip them with --target=node18.N if N is 20 or greater.

• Fix for await transform when a label is present

  This release fixes a bug where the for await transform, which wraps the loop in a try statement, previously failed to also move the loop's label into the try statement. This bug only affects code that uses both of these features in combination. Here's an example of some affected code:

  // Original code
  async function test() {
    outer: for await (const x of [Promise.resolve([0, 1])]) {
      for (const y of x) if (y) break outer
      throw 'fail'
    }
  }
  
  // Old output (with --target=es6)
  function test() {
    return __async(this, null, function* () {
      outer: try {
        for (var iter = __forAwait([Promise.resolve([0, 1])]), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
          const x = temp.value;
          for (const y of x) if (y) break outer;
          throw "fail";
        }
      } catch (temp) {
        error = [temp];
      } finally {
        try {
          more && (temp = iter.return) && (yield temp.call(iter));
        } finally {
          if (error)
            throw error[0];
        }
      }
    });
  }
  
  // New output (with --target=es6)
  function test() {
    return __async(this, null, function* () {
      try {
        outer: for (var iter = __forAwait([Promise.resolve([0, 1])]), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
          const x = temp.value;
          for (const y of x) if (y) break outer;
          throw "fail";
        }
      } catch (temp) {
        error = [temp];
      } finally {
        try {
          more && (temp = iter.return) && (yield temp.call(iter));
        } finally {
          if (error)
            throw error[0];
        }
      }
    });
  }

• Do additional constant folding after cross-module enum inlining (#​3416, #​3425)

  This release adds a few more cases where esbuild does constant folding after cross-module enum inlining.

  // Original code: enum.ts
  export enum Platform {
    WINDOWS = 'windows',
    MACOS = 'macos',
    LINUX = 'linux',
  }
  
  // Original code: main.ts
  import { Platform } from './enum';
  declare const PLATFORM: string;
  export function logPlatform() {
    if (PLATFORM == Platform.WINDOWS) console.log('Windows');
    else if (PLATFORM == Platform.MACOS) console.log('macOS');
    else if (PLATFORM == Platform.LINUX) console.log('Linux');
    else console.log('Other');
  }
  
  // Old output (with --bundle '--define:PLATFORM="macos"' --minify --format=esm)
  function n(){"windows"=="macos"?console.log("Windows"):"macos"=="macos"?console.log("macOS"):"linux"=="macos"?console.log("Linux"):console.log("Other")}export{n as logPlatform};
  
  // New output (with --bundle '--define:PLATFORM="macos"' --minify --format=esm)
  function n(){console.log("macOS")}export{n as logPlatform};

• Pass import attributes to on-resolve plugins (#​3384, #​3639, #​3646)

  With this release, on-resolve plugins will now have access to the import attributes on the import via the with property of the arguments object. This mirrors the with property of the arguments object that's already passed to on-load plugins. In addition, you can now pass with to the resolve() API call which will then forward that value on to all relevant plugins. Here's an example of a plugin that can now be written:

  const examplePlugin = {
    name: 'Example plugin',
    setup(build) {
      build.onResolve({ filter: /.*/ }, args => {
        if (args.with.type === 'external')
          return { external: true }
      })
    }
  }
  
  require('esbuild').build({
    stdin: {
      contents: `
        import foo from "./foo" with { type: "external" }
        foo()
      `,
    },
    bundle: true,
    format: 'esm',
    write: false,
    plugins: [examplePlugin],
  }).then(result => {
    console.log(result.outputFiles[0].text)
  })

• Formatting support for the @position-try rule (#​3773)

  Chrome shipped this new CSS at-rule in version 125 as part of the CSS anchor positioning API. With this release, esbuild now knows to expect a declaration list inside of the @position-try body block and will format it appropriately.

• Always allow internal string import and export aliases (#​3343)

  Import and export names can be string literals in ES2022+. Previously esbuild forbid any usage of these aliases when the target was below ES2022. Starting with this release, esbuild will only forbid such usage when the alias would otherwise end up in output as a string literal. String literal aliases that are only used internally in the bundle and are "compiled away" are no longer errors. This makes it possible to use string literal aliases with esbuild's inject feature even when the target is earlier than ES2022.

---

Configuration

📅 Schedule: Branch creation - "after 12pm on thursday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[github-actions]

Branch preview

• Documentation Site
• Storybook

[github-actions]

Tachometer results

Currently, no packages are changed by this PR...

[github-actions]

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.99	0.99	0.99
Accessibility	1	1	1
Best Practices	1	1	1
SEO	1	0.92	0.92
PWA	1	1	1

What is this?

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

Transfer Size

Category	Latest	Main	Branch
Total	222.314 kB	210.826 kB	210.55 kB 🏆
Scripts	54.194 kB	48.351 kB	48.263 kB 🏆
Stylesheet	35.105 kB	30.454 kB	30.404 kB 🏆
Document	5.997 kB	5.266 kB 🏆	5.269 kB
Font	127.018 kB	126.755 kB	126.614 kB 🏆

Request Count

Category	Latest	Main	Branch
Total	45	45	45
Scripts	37	37	37
Stylesheet	5	5	5
Document	1	1	1
Font	2	2	2