Adding an MVTLayer breaks attribute transitions on Safari (MacOS + iOS)

Description

After an MVTLayer loads its tiles, attribute transitions on other layers don't work or update. These layers stay in their pre-transition state. This only happens on Safari (both MacOS and iOS).

Expected Behavior

I expect attribute transitions to work regardless of the presence of an MVTLayer tile.

Repro Steps

• Open the CodePen that reproduces the behaviour in Safari.
• Insert your MapBox API token on line 3 (the issue doesn't come up if there is no token supplied, because tiles will fail to load and thus no tiles are added to trigger the bug).
• Click on the map. The circles transition to a bigger radius.
• Change addMVTLayer on line 4 to true.
• After the map tiles load, click on the map once more. The circles don't transition but stay small.
• The above procedure can be repeated in Firefox of Chrome, and the circles will transition there.

Environment

• Framework Version: 8.6.4
• Browser Version: Safari 15.1
• OS: MacOS 12.0.1 / iOS 15.1

Start with the linked CodePen and reproduce the issue in Safari 15.1 with addMVTLayer enabled, then compare the same steps in Firefox or Chrome. Trace the interaction between MVTLayer tile loading and attribute transitions; done means the circles transition after clicking even when MVT tiles have loaded.