`easeTo` with `around` triggers jump at start of animation and does not correctly preserve point location in globe view

Nobody has claimed this yet.

**mapbox-gl-js version**: main

**browser**: Firefox

### Steps to Trigger Behavior

1. Open a map in globe view
2. Open developer console. Enter:
```js
map.easeTo({around: [0, 0]});
```

### Expected Behavior

The map should not move. `around` specifies the point that should remain in place. (see [docs update](https://github.com/mapbox/mapbox-gl-js/pull/11822)) With no `zoom`, `pitch` or `bearing, specified, there is no transformation and in other projections the map does not move.

### Actual Behavior
The map jumps.

https://user-images.githubusercontent.com/14878684/165182087-8938c30c-5feb-4daa-8380-817731e7dede.mov

In other cases the jump can be more extreme:

https://user-images.githubusercontent.com/14878684/165184007-63d48f0d-3946-4ca6-8da7-9da3e48cef7c.mov

I suspect that this is arising from an inconsistent conversion to and from screen space and world space.

Start by reproducing the issue in globe view with map.easeTo({around: [0, 0]}) in Firefox, then trace the easeTo camera path and its screen-space/world-space conversion. Done means the animation does not jump at its start and the around point remains in place when no zoom, pitch, or bearing is specified.

Written by the indexing model from the issue text.