Plans: The font size of the pricing is smaller

[taipeicoder]

Description

See context.

[mmtr]

Seems this one is reproducible only if the currency is set to USD (this can be changed in Store Admin):

EUR	USD

[taipeicoder]

The font size reduction is intended to handle large display prices. We currently determine display prices to be large whenever the text string exceeds six characters.

The issue is that display prices uses Intl.NumberFormat() which account for the locale.

For en-US, running the following code:

const formatter = new Intl.NumberFormat( 'en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0, minimumFractionDigits: 0 } );
console.log(formatter.formatToParts(300));

// Output
▼ (2) [{...}, {...}]
  ▶ 0: (2) {type: "currency", value: "$"}
  ▶ 1: (2) {type: "integer", value: "300"}
  ▶ [[Prototype]]: []

However, running the same code for es results in:

const formatter = new Intl.NumberFormat( 'en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0, minimumFractionDigits: 0 } );
console.log(formatter.formatToParts(300));

// Output
▼ (3) [{...}, {...}, {...}]
  ▶ 0: (2) {type: "integer", value: "300"}
  ▶ 1: (2) {type: "literal", value: " "}
  ▶ 2: (2) {type: "currency", value: "US$"}
  ▶ [[Prototype]]:[]

This additional whitespace makes the display price exceed the threshold, making it "large".