[Bug]: [ColorHandle] Transition of "focused" state is not correct on Safari browser

### Code of conduct

- [X] I agree to follow this project's code of conduct.

### Impacted component(s)

sp-color-handle

### Expected behavior

_No response_

### Actual behavior

The transition of increasing the size of the color handle is not smooth (it is smooth in Chrome) in Safari browser on Mac. Screen recoding is attached for the same.

### Screenshots

https://github.com/adobe/spectrum-web-components/assets/20225072/bb15b0e8-cb97-485f-81ee-5f962093a620

### What browsers are you seeing the problem in?

Safari

### How can we reproduce this issue?

1. Use sp-color-slider or sp-color-area which in turn use sp-color-handle component.
2. Click anywhere on the component and check the transition.

### Sample code that illustrates the problem

_No response_

### Logs taken while reproducing problem

_No response_

Start by reproducing the transition issue in Safari on macOS using sp-color-slider or sp-color-area, which use the sp-color-handle component. Inspect the sp-color-handle implementation and its focused-state transition behavior. Done means the color handle grows smoothly in Safari as it does in Chrome.

Written by the indexing model from the issue text.