Attach (recommended) or Link to PDF file here: https://github.com/mozilla/pdf.js/blob/master/test/pdfs/issue6931_reduced.pdf

Configuration:
- Web browser and its version: Firefox Nightly 112
- Operating system and its version: Windows 11
- PDF.js version: 3.5.34 [a0ef5a4ae]
- Is a browser extension: N/A

Steps to reproduce the problem:
1. Load https://mozilla.github.io/pdf.js/web/viewer.html
2. Open `issue6931_reduced.pdf` in the demo viewer.

What is the expected behavior? (add screenshot)
That the `<svg>`-element for the filters doesn't take up any space in the viewer.

What went wrong? (add screenshot)
The `<svg>`-element is adding space at the bottom of the viewer, which breaks the scrollbar.
Please see the red marking in the following screen-shot:

![filter](https://user-images.githubusercontent.com/2692120/224029489-53101c3d-1d65-4ad9-a582-24c62438cea1.png)

Link to a viewer (if hosted on a site other than mozilla.github.io/pdf.js or as Firefox/Chrome extension): N/A

/cc @calixteman 

div,
  viewport,
  mustFlip = false,
  mustRotate = true
) {
  if (viewport instanceof PageViewport) {
    const { pageWidth, pageHeight } = viewport.rawDims;
    const { style } = div;
    
    
    
    
    
    
    const widthStr = `calc(var(--scale-factor) * ${pageWidth}px)`;
    const heightStr = `calc(var(--scale-factor) * ${pageHeight}px)`;
    if (!mustFlip || viewport.rotation % 180 === 0) {
      style.width = widthStr;
      style.height = heightStr;
    } else {
      style.width = heightStr;
      style.height = widthStr;
    }
  }
  if (mustRotate) {