[Bug]: Tooltip arrow does not align correctly using the default example

[xolott]

Reproduction

https://stackblitz.com/edit/8r53uwzg?file=src%2FApp.vue

Describe the bug

Using the TooltipArrow component, I noticed that the tooltip alignment when using start or end is different depending on the trigger size. In this example, the button is size lg, which causes the arrow to get out of the tooltip content slightly.

When the button has height: 50px

Beyond 52px, the arrow disappears.

Shouldn't this compensate for the border-radius when placing the arrow? For example, if the button is size md the arrow is rendered "okay"

With triggers this big, shouldn't the tooltip bottom align with the trigger's height/2 when align=end?

System Info

System:
    OS: Linux 6.8 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)
    CPU: (16) x64 AMD Ryzen 7 7800X3D 8-Core Processor
    Memory: 34.49 GB / 61.99 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 22.4.0 - ~/.nvm/versions/node/v22.4.0/bin/node
    npm: 10.8.1 - ~/.nvm/versions/node/v22.4.0/bin/npm
    pnpm: 9.0.6 - ~/.local/share/pnpm/pnpm
  Browsers:
    Chrome: 131.0.6778.204
  npmPackages:
    radix-vue: ^1.9.12 => 1.9.12 
    vue: ^3.5.13 => 3.5.13

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests