Attach (recommended) or Link to PDF file here: 

[anootation_problem.pdf](https://github.com/mozilla/pdf.js/files/7611701/anootation_problem.pdf)

Configuration:
- Web browser and its version: 98.0.4732.0 (Official Build) canary (64-bit)
- Operating system and its version: Edition Windows 10 Home, Version 20H2, OS build 19042.1348
- PDF.js version: 2.12.211
- Is a browser extension: Yes

Steps to reproduce the problem:
1. Open pdf file
2. Scroll to bottom of page and point to annotation of 'loss ft(x) >= 0,' text
3. Compare the displayed text with same in Acrobat Reader

What is the expected behavior? (add screenshot)
![image](https://user-images.githubusercontent.com/2311076/143681452-0afa9a98-b16b-4a39-a393-631eb1c8c41f.png)

What went wrong? (add screenshot)
Text size not respected (e.g., in superscripts and subscripts)
![image](https://user-images.githubusercontent.com/2311076/143681575-2a2fe4de-cbad-4625-a6fe-2212fa20b8f1.png)

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

constructor(attributes, name) {
    super(XHTML_NS_ID, name);
    this[$richText] = false;
    this.style = attributes.style || "";
  }
  [$clean](builder) {
    super[$clean](builder);
    this.style = checkStyle(this);
  }
  [$acceptWhitespace]() {
    return !NoWhites.has(this[$nodeName]);
  }
  [$onText](str, richText = false) {
    if (!richText) {
      str = str.replace(crlfRegExp, "");
      if (!this.style.includes("xfa-spacerun:yes")) {
        str = str.replace(spacesRegExp, " ");
      }
    } else {
      this[$richText] = true;
    }
    if (str) {
      this[$content] += str;
    }
  }
  [$pushGlyphs](measure, mustPop = true) {