Unified size tokens

Height and width tokens merge into a single size scale.

Breaking changes

• Replaced --vortex-height-* and --vortex-width-* with --vortex-size-* on the same scale.

/* Before */
height: var(--vortex-height-400);
width: var(--vortex-width-400);

/* After */
height: var(--vortex-size-400);
width: var(--vortex-size-400);

• Replaced the height and width token groups in theme definitions with a single size group. Each token is written as { size: { px } }.

// Before
height: {
  400: { height: { px: 16 } },
},
width: {
  400: { width: { px: 16 } },
},

// After
size: {
  400: { size: { px: 16 } },
},

Regenerate custom theme CSS with vortex-themes theming after upgrading.