Using text-translate in symbol paint doesn't update collision boxes

Nobody has claimed this yet.

When adding a `text-translate` property to a layer the collision boxes won't move together with the labels. Also click and hovers are registered on the original place of the label before the translate.

**mapbox-gl-js version**: 2.3.1

**browser**: Chrome 91

### Steps to Trigger Behavior

1. Add a symbol layer
2. Provide a `text-translate` on the paint property of a layer

### Link to Demonstration

See: https://codepen.io/timsluis/pen/LYyxmdB

### Expected Behavior

Collision boxes are updated.

### Actual Behavior

Collision boxes are not updated and labels flow over each other.

Start with the linked CodePen reproduction and inspect the symbol-layer collision and interaction handling involved in text-translate. The issue is done when collision boxes, label overlap behavior, clicks, and hovers all follow the translated label position.

Written by the indexing model from the issue text.