Flickering issue on auto scroll with transform:matrix or transform:rotate on parent

Checks

[X] Not a duplicate.
[X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v4.1.2

Description

When we have auto scroll on and want to transform the whole slider there are bugs with it.

when we want to transform:matrix at the end of loop cycle it will flicker (probably for about of time it takes to scroll through the about of pixels that were "moved" from the default position that list is reading)

when we wan to transform:rotate it breaks the speed. It wont recognize the speed: value but instead it would give some random boosts. When the value is >0 f.e rotate(3deg) it would tremendously increase the speed of auto scrolling while when the rotate(-3deg) it would decrease it.

Reproduction Link

https://codepen.io/honestlydesign/pen/eYbgBea https://sandbox.honestly.design/slider-logo-animation

Steps to Reproduce

Create an autoscroll type of slider
Add some images inside slides
add styling to .splide (or .splide__track)
example of styling that create a bug:
- transform: rotateZ(5deg);
- transform:matrix(1, 0.27, -0.8, 0.7, 0, 0);

Expected Behaviour

On finishing the loop it would not flicker but smoothly start the next circle when using matrix() It would accept the speed key value instead of breaking it when using rotate()

Splidejs / splide