Scoped tokens: Does not seems to work like shown in the doc

[Curs3W4ll]

Describe the bug

I tried using Scoped Tokens like shown in the doc, but it does not look like it should.
I'm starting from the Aura preset.

It seems instead being applied only to the component linked with the :dt prop, the scoped tokens applies to every component iterations.

After copying the code example from the doc, I get something looking like the following

And here is what was expected (shown in the doc)

Tested with Nuxt latest version.
Also tested with Vue with Vite latest version.

Reproducer

https://stackblitz.com/edit/primevue-4-ts-vite-issue-template-jk3u2x

PrimeVue version

4.2.3

Vue version

4.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

1. Create a new Nuxt of Vue with Vite blank project
2. Add PrimeVue necessary dependencies
3. Use Aura preset for theme
4. Add Scoped Tokens example from the doc (copy-paste code)
5. See the custom style applied on ToggleSwitch 2 is not Scoped (also applying on ToggleSwitch 1)

Expected behavior

1. Create a new Nuxt of Vue with Vite blank project
2. Add PrimeVue necessary dependencies
3. Use Aura preset for theme
4. Add Scoped Tokens example from the doc (copy-paste code)
5. ToggleSwitch 1 has the default style (black and white) and ToggleSwitch 2 has a custom style displaying it in amber color