Type order is random in hover highlight dialog

[Gumichocopengin8]

🔎 Search Terms

• unordered type
• random order type in highlight

🕗 Version & Regression Information

• I was unable to test this on prior versions because its a type highlight feature

⏯ Playground Link

https://www.typescriptlang.org/play/?#code/C4TwDgpgBAymCGBjCAnACig9mAzlAvFAN4BQUUOAlgF4QD8AXFAOQ4C28ANp81AD4s2EACaUArm14DmneCgDmEKVAAM-KAEZ1AJnUBmdQBZ1AVgDcJAL4WSJRJgB2OYBSZwkqDNjyEiVWkysHNzMlnaOzsT+0IQycoqhBBThTpicEAB0nJjyABTRAJRAA

💻 Code

type SpacerProps = {
  size?: 'small' | 'medium' | 'large' | 0 | 1 | 2 | 3 | 4 | 5;
};


const s: SpacerProps = {size: 'small'}
const {size = 'large'} = s
console.log(size)

🙁 Actual behavior

When there is a union of string and number. the order becomes random

TS Playground

VS Code (1.97.2)

🙂 Expected behavior

The type order should follow the order as declared

Additional information about the issue

No response

[nmain]

Duplicate of #59746 -> #17944.

My search terms were "union order".

[typescript-bot]

This issue has been marked as "Duplicate" and has seen no recent activity. It has been automatically closed for house-keeping purposes.