bug(CdkDrag): Drag preview doesn't work well with sticky elements and scrolling

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

if the `cdkDrag` directive is applied on an element inside a container with `position: sticky`, scrolling will reposition the drag preview element. this is especially undesired for configurations such as `[cdkDropListLockAxis]="'x'"` and `[cdkDropListOrientation]="'horizontal'"`

### Reproduction

https://stackblitz.com/edit/components-issue-rtfk83?file=src/app/example-component.html

Steps to reproduce:
1. hold mouse down on element that contains "foo"
2. drag a little bit, then scroll vertically while holding the drag
3. should see the drag preview reposition even though "lock axis" is configured

### Expected Behavior

should not reposition vertically

### Actual Behavior

repositions vertically

### Environment

- Angular: 13.3.0
- CDK/Material: 13.3.0
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Commencez par la reproduction StackBlitz liée et examinez le comportement de CDK drag preview lorsque l’élément déplacé se trouve dans un sticky container. Reproduisez le repositionnement vertical lors du défilement avec lock axis et horizontal orientation configurés. Le travail est terminé lorsque la preview reste fixe verticalement pendant le drag, tout en conservant le comportement horizontal existant.

Rédigé par le modèle d'indexation à partir du texte de l'issue.