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 

const bufferG = new Array(256);
      const bufferB = new Array(256);
      for (let i = 0; i < 256; i++) {
        bufferR[i] = mapR[i] / 255;
        bufferG[i] = mapG[i] / 255;
        bufferB[i] = mapB[i] / 255;
      }
      tableR = bufferR.join(",");
      tableG = bufferG.join(",");
      tableB = bufferB.join(",");
      key = `${tableR}${tableG}${tableB}`;
    }
    value = this.#cache.get(key);
    if (value) {
      this.#cache.set(maps, value);
      return value;
    }
    
    
    const id = `transfer_map_${this.#id++}`;
    const url = `url(#${id})`;
    this.#cache.set(maps, url);
    this.#cache.set(key, url);
    const filter = this.#document.createElementNS(SVG_NS, "filter", SVG_NS);
    filter.setAttribute("id", id);
    filter.setAttribute("color-interpolation-filters", "sRGB");
    const feComponentTransfer = this.#document.createElementNS(
      SVG_NS,
      "feComponentTransfer"
    );