tooltip placement on range component

[RoCat]

Describe the bug

When using variable tooltips sizes with sl-range, the tooltip horizontal placement is imprecise. It seems to follow the previous tooltip length, or maybe a avg between last and current ?

To Reproduce

Just edited the Custom Tooltip Formatter codepen example and add dumby logic for changing tooltip size

<sl-range min="0" max="100" step="1" class="range-with-custom-formatter"></sl-range>

<script>
  const range = document.querySelector('.range-with-custom-formatter');
  range.tooltipFormatter = value => `Total - ${Math.round(value / 2) === (value / 2) ? 'short' : 'xtra xtra xtra xtra long'}%`;
</script>```

### Browser / OS
 - OS: mac
 - Browser: chrome
 - Browser version: 123.0.6312.87 

### Additional information
To give a bit more context than just a dumb example, my use case is to have relative date filters:
no filters
last 12 months
last 6 months
etc

[KonnorRogers]

🤔 Thanks for this. I can reproduce, very interesting.

https://codepen.io/paramagicdev/pen/MWRxXqg?editors=1000

[claviska]

Thanks for reporting this. Fixed in 8726910.