Surround icons not updating with custom font

Environment

Operating System: Darwin
Node Version: v20.10.0
Nuxt Version: 3.13.2
CLI Version: 3.14.0
Nitro Version: 2.9.7
Package Manager: pnpm@9.12.1
Builder: -
User Config: -
Runtime Modules: -
Build Modules: -

Version

v2.18.7

Reproduction

Description

I'm using downloaded font awesome 6 svg's in my assets folder, but somehow I can't override the surround icons.

nuxt.config.ts

// @nuxt/icon (handled by @nuxt/ui)
icon: {
  customCollections: [
    {
      prefix: "fa-light",
      dir: "./assets/icons/font-awesome/light",
    },
    {
      prefix: "fa-brands",
      dir: "./assets/icons/font-awesome/brands",
    },
  ],
},

app.config.js

export default defineAppConfig({
  ui: {
    icons: {
      prev: "fa-light:arrow-left",
      next: "fa-light:arrow-right",
    },

    content: {
      surround: {
        icon: {
          prev: "fa-light:arrow-left",
          next: "fa-light:arrow-right",
        },
      },
    },
  },
},

Adding it to icons.prev and icons.next is not working at all.

Overriding it in content.surround.icon.... is working (class-wise), but simply not adding the icons..

Additional context

No response

Logs