[BUG] `customize` option doesnt work

It just doesn't work. I followed the instructions in the README, but nothing happens.

// nuxt.config.ts
export default defineNuxtConfig({
  ...
  modules: [
    ...
    '@nuxt/icon',
  ],
  icon: {
    mode: 'svg',
    clientBundle: {
      scan: true,
      includeCustomCollections: true,
    },
  },
})

// app.config.ts
export default defineAppConfig({
  icon: {
    customize: (content: string, name: string, prefix: string, provider: string) => {
      if (prefix !== 'tabler') return content // Ignore Prefix

      return content
        .replace(/stroke-width="[^"]*"/g, `stroke-width="5"`) // Change stroke width to **5**
        .replace(/stroke="[^"]*"/g, `stroke="#FF5733"`) // Change stroke color to red
        .replace(/fill="[^"]*"/g, `fill="#FF5733"`) // Change fill color to red
        .replace(/animation-duration="[^"]*"/g, `animation-duration="1s"`) // Change animation duration to 1s (for animated icons)
        .replace(/opacity="[^"]*"/g, `opacity="0.8"`);// Change opacity to 0.8
    }
  }
})

// Code in the project
<Icon
  name="tabler:bulb"
  class="-ml-0.5 mb-0.5 inline-block"
/>

// Rendered icon
<svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  aria-hidden="true"
  role="img"
  class="iconify iconify--tabler -ml-0.5 mb-0.5 inline-block"
  style=""
  width="1em"
  height="1em"
  viewBox="0 0 24 24"
>
  <path
    fill="none"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="2"
    d="M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6"
  ></path>
</svg>

Start with the app.config.ts customize callback and the nuxt.config.ts icon clientBundle settings, then reproduce the tabler:bulb example and compare its rendered SVG with the expected changes. Done means the customize callback applies the requested stroke, fill, animation-duration, and opacity changes to the rendered icon.