enhance: CMD-182 design tokens

[wesleyboar]

Overview

Add and use design tokens.

[!IMPORTANT]

Removed --global-color-…-rgb variables. _{No demo. Affected clients are updated via [TACC/Core-CMS-Resources#200](https://github.com/TACC/Core-CMS-Resources/pull/200).}

| before | after | | - | - | | `rgba(var(--global-color-…rgb), …)` | `rgb( from var(--global-color-…rgb) r g b / …)` |

[!IMPORTANT] Changed Portal accent color from purple to blue. _{Affected clients updated via TACC/tup-ui#476.}

[!IMPORTANT] Changed --global-color-acent--light from #86aeff to #3d6acc

Status

• [x] Use design tokens for colors.
• [x] Add v3 colors.
• [x] Design v3 buttons and pills.
• [x] Use "Tokens Studio for Figma" as source of tokens
• [x] Add script to adjust tokens .json per Core-Styles version.
• [x] Test successfully on all clients.
• [x] Update design software:
  • [x] move spacing to new Core project
  • [x] migrate font weight name/value-mapping to Core-Styles
  • [x] delete font weight variables
  • [x] move ds tokens to new project

Related

• CMD-182

• 345

• required by #375
• required by https://github.com/TACC/Core-CMS/pull/863
• should be used by https://github.com/TACC/tup-ui/pull/476

Changes

• adds design tokens
• adds build-tokens.js, and build:tokens NPM script
• renames build.js to build-styles.js
• changes global CSS vars to use design tokens
• removes --global-color-…-rgb vars
• removed vars from %x-overlay--callout ⚠️
• changed colors--portal.css to use blue accent ⚠️
• removed colors.accent--*.css
• added colors.accent.v3.css
• added colors.v3.css

Testing & UI

### UI

**Skipped.** - The portal accent color changed from **purple** to **blue**. - The `--global-color-acent--light` changed from `#86aeff` to `#3d6acc`.

### Build

1. Delete `tokens/*.json`. 2. Run `npm run buiild:css`. 3. Verify `tokens/*.json` return with no changes. 3. Verify `dist/` is unchanged. https://github.com/user-attachments/assets/5610abd5-a0bb-4272-98be-fb737c7dc724