[semantic-tokens] Update tokens named using `xxxl` to `3xl` (and similar)

[matgalla]

monday.com sync: #18187680350

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

Semantic tokens using t-shirt sizing larger than -xl should use the -[number]xl naming system to account for a wider scale. For example, #12783 added --calcite-font-line-height-fixed-6xl instead of --calcite-font-line-height-fixed-xxxxxxl

Acceptance Criteria

12 semantic tokens to be replaced:

font-size:

• --calcite-font-size-2xl added
• --calcite-font-size-xxl deprecated

size:

• --calcite-size-3xs added
• --calcite-size-2xs added
• --calcite-size-2xl added
• --calcite-size-3xl added
• --calcite-size-xxxs deprecated
• --calcite-size-xxs deprecated
• --calcite-size-xxl deprecated
• --calcite-size-xxxl deprecated

spacing:

• --calcite-spacing-2xs added
• --calcite-spacing-2xl added
• --calcite-spacing-3xl added
• --calcite-spacing-xxs deprecated
• --calcite-spacing-xxl deprecated
• --calcite-spacing-xxxl deprecated

container-size:

• --calcite-container-size-height-2xs-min added
• --calcite-container-size-height-2xs-max added
• --calcite-container-size-width-2xs-min added
• --calcite-container-size-width-2xs-max added
• --calcite-container-size-height-xxs-min deprecated
• --calcite-container-size-height-xxs-max deprecated
• --calcite-container-size-width-xxs-min deprecated
• --calcite-container-size-width-xxs-max deprecated

Relevant Info

No response

Which Component

Once implemented, a new issue should be made to replace instances of deprecated components within components.

Example Use Case

Tailwind variables

Priority impact

impact - p2 - want for an upcoming milestone

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)