duration-200 is being overridden in alert-dialog-content

[arackaf]

Describe the bug

alert-dialog-content (in the @next branch) is generated with the duration-200 class (and alert-dialog-overlay is not, which is likely an oversight).

However, this class is being overridden by other styles, the source of which I'm not sure

Workarounds are simple enough:

.animation-duration-override-200 {
  animation-duration: 200ms !important;
}

Reproduction

See above

Logs

System Info

System:
    OS: macOS 15.2
    CPU: (16) arm64 Apple M3 Max
    Memory: 13.43 GB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.18.1 - ~/.nvm/versions/node/v20.18.1/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.18.1/bin/npm
    pnpm: 9.15.0 - ~/.nvm/versions/node/v20.18.1/bin/pnpm
  Browsers:
    Chrome: 132.0.6834.160
    Safari: 18.2
  npmPackages:
    @sveltejs/kit: ^2.14.0 => 2.17.1 
    bits-ui: 1.0.0-next.94 => 1.0.0-next.94 
    cmdk-sv: ^0.0.18 => 0.0.18 
    lucide-svelte: ^0.454.0 => 0.454.0 
    svelte: ^5.15.0 => 5.19.9

Severity

annoyance