fix(font-family): fallback coming from tokens was badly formatted

[rugoncalves]

What is the current behavior?

• The variables when being generated from the tokens were causing the fallback to $ion-font-family to be with invalid format:

  $ion-font-family: var(
    --token-font-family,
    "-apple-system, system-ui, " Segoe UI ", Roboto, Helvetica, Arial, sans-serif, " Apple Color Emoji ", 
    " Segoe UI Emoji", " Segoe UI Symbol "",
    sans-serif
  );
  

• Additionally the command to generate the css from the tokens, was not prepared to run on windows machines.

What is the new behavior?

• Removed the added quotes to the variable coming from the tokens:

  $ion-font-family: var(
    --token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  );
  

• Changed the command build.tokens to run on windows
• Generated a new version of ionic.vars.scss

Does this introduce a breaking change?

• Yes
• No

Other information

N/A

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
ionic-framework	Ready	Preview	Comment	Oct 1, 2025 2:16pm

[joselrio]

💪

[ShaneK]

Looks good to me