CdkVirtualScrollViewport will not scroll past 266304 rows, no matter how many rows are in the array

### 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

Using the example project found at:
https://material.angular.io/cdk/scrolling/examples#cdk-virtual-scroll-context

If one increases the items array length to 1,000,000 elements, the virtual scroll viewport still renders and scrolls but will not scroll down past row number 266304.
`export class CdkVirtualScrollContextExample {
items = Array.from({length: 1000000}).map((_, i) => `Item #${i}`);
}`

This puts a hard cap on the size of dataset one can scroll through.

### Reproduction

Steps to reproduce:
1. Open in stackblitz the example found at https://material.angular.io/cdk/scrolling/examples#cdk-virtual-scroll-context
2. Increase the size of the array for the data feeding the example to 1,000,000 elements
3. Attempt to scroll to the bottom.

### Expected Behavior

Expect to see Item # 1,000,000 at the bottom area of the virtual scrolling area.

### Actual Behavior

I see item # 266,304 at the bottom of the scrolling area, with the scrollbar all the way at the bottom.

### Environment

- Angular: 13.0.0
- CDK/Material:13.1.2
- Browser(s): Brave, Safari
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Reproduisez la limite dans l’exemple de contexte de défilement virtuel de CDK lié dans l’issue en modifiant le tableau pour qu’il contienne 1 000 000 éléments. Étudiez le comportement du défilement virtuel de CDK autour de la position de défilement maximale ; le travail est considéré comme terminé lorsque le viewport peut atteindre la fin du tableau au lieu de s’arrêter à la ligne 266304, et que la reproduction a été vérifiée dans les navigateurs indiqués.

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