Text alignment fixes

[davepagurek]

Resolves #8315

Changes:

• @dhowe figured out that textToPoints/Paths/Contours depends on the current font being applied to textDrawingContext(), so this makes sure it is applied
• In WebGL mode, there was additional misalignment from 2D mode because 2D canvas context's alignment takes into account the alphabeticBaseline property

Screenshots of the change:
Before:

After:

Live: https://editor.p5js.org/davepagurek/sketches/VPrz_2Wff

PR Checklist

• npm run lint passes
• Inline reference is included / updated
• Unit tests are included / updated

[dhowe]

looks good to me, can we get this merged asap, as I'd like to review the JUSTIFY/BALANCED alignment PR with this in place?