New non-static transparency tokens

### Token changes

| Change type | Token name | New name / value / replacement | Modes / themes |
| --- | --- | --- | --- |
| Create | transparent-neutral-0 | Light/Wireframe: #000000, 0%; Dark: #FFFFFF, 0% | Light, Dark, Wireframe |
| Create | transparent-neutral-50 | Light/Wireframe: #000000, 2%; Dark: #FFFFFF, 2% | Light, Dark, Wireframe |
| Create | transparent-neutral-75 | Light/Wireframe: #000000, 3%; Dark: #FFFFFF, 3% | Light, Dark, Wireframe |
| Create | transparent-neutral-100 | Light/Wireframe: #000000, 4%; Dark: #FFFFFF, 4% | Light, Dark, Wireframe |
| Create | transparent-neutral-125 | Light/Wireframe: #000000, 6%; Dark: #FFFFFF, 6% | Light, Dark, Wireframe |
| Create | transparent-neutral-150 | Light/Wireframe: #000000, 8%; Dark: #FFFFFF, 8% | Light, Dark, Wireframe |
| Create | transparent-neutral-200 | Light/Wireframe: #000000, 12%; Dark: #FFFFFF, 12% | Light, Dark, Wireframe |
| Create | transparent-neutral-300 | Light/Wireframe: #000000, 16%; Dark: #FFFFFF, 16% | Light, Dark, Wireframe |
| Create | transparent-neutral-350 | Light/Wireframe: #000000, 20%; Dark: #FFFFFF, 20% | Light, Dark, Wireframe |
| Create | transparent-neutral-400 | Light/Wireframe: #000000, 24%; Dark: #FFFFFF, 24% | Light, Dark, Wireframe |
| Create | transparent-neutral-500 | Light/Wireframe: #000000, 32%; Dark: #FFFFFF, 32% | Light, Dark, Wireframe |
| Create | transparent-neutral-600 | Light/Wireframe: #000000, 40%; Dark: #FFFFFF, 40% | Light, Dark, Wireframe |
| Create | transparent-neutral-700 | Light/Wireframe: #000000, 48%; Dark: #FFFFFF, 48% | Light, Dark, Wireframe |
| Create | transparent-neutral-750 | Light/Wireframe: #000000, 56%; Dark: #FFFFFF, 56% | Light, Dark, Wireframe |
| Create | transparent-neutral-800 | Light/Wireframe: #000000, 64%; Dark: #FFFFFF, 64% | Light, Dark, Wireframe |
| Create | transparent-neutral-900 | Light/Wireframe: #000000, 80%; Dark: #FFFFFF, 80% | Light, Dark, Wireframe |
| Create | transparent-neutral-950 | Light/Wireframe: #000000, 96%; Dark: #FFFFFF, 96% | Light, Dark, Wireframe |
| Create | transparent-neutral-1000 | Light/Wireframe: #000000, 100%; Dark: #FFFFFF, 100% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-0 | Light/Wireframe: #FFFFFF, 0%; Dark: #000000, 0% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-50 | Light/Wireframe: #FFFFFF, 2%; Dark: #000000, 2% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-75 | Light/Wireframe: #FFFFFF, 3%; Dark: #000000, 3% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-100 | Light/Wireframe: #FFFFFF, 4%; Dark: #000000, 4% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-125 | Light/Wireframe: #FFFFFF, 6%; Dark: #000000, 6% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-150 | Light/Wireframe: #FFFFFF, 8%; Dark: #000000, 8% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-200 | Light/Wireframe: #FFFFFF, 12%; Dark: #000000, 12% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-300 | Light/Wireframe: #FFFFFF, 16%; Dark: #000000, 16% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-350 | Light/Wireframe: #FFFFFF, 20%; Dark: #000000, 20% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-400 | Light/Wireframe: #FFFFFF, 24%; Dark: #000000, 24% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-500 | Light/Wireframe: #FFFFFF, 32%; Dark: #000000, 32% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-600 | Light/Wireframe: #FFFFFF, 40%; Dark: #000000, 40% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-700 | Light/Wireframe: #FFFFFF, 48%; Dark: #000000, 48% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-750 | Light/Wireframe: #FFFFFF, 56%; Dark: #000000, 56% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-800 | Light/Wireframe: #FFFFFF, 64%; Dark: #000000, 64% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-900 | Light/Wireframe: #FFFFFF, 80%; Dark: #000000, 80% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-950 | Light/Wireframe: #FFFFFF, 96%; Dark: #000000, 96% | Light, Dark, Wireframe |
| Create | transparent-neutral-inverse-1000 | Light/Wireframe: #FFFFFF, 100%; Dark: #000000, 100% | Light, Dark, Wireframe |

### Platform target

- [x] S2 Web
- [ ] iOS
- [ ] Android
- [ ] All platforms

### Motivation and context

Introduce theme-aware transparent neutral tokens that automatically adapt between Light and Dark themes. These tokens provide transparent neutral values and eliminate the need for consumers to manually select transparent white or transparent black tokens based on theme. Wireframe values align with Light theme values.

[Tokens for AI Brand_Opacity-Transparency_Final.xlsx](https://github.com/user-attachments/files/31218689/Tokens.for.AI.Brand_Opacity-Transparency_Final.xlsx)

### Migration guidance — Deprecate / Rename

_No response_

### Known consuming components

N/A

### Links or screenshots from the S2 Token specs

_No response_

### Deadline / linked issue or epic

Needed by Aug 20 (AI Branding work)

The issue names no repository file or test; begin by locating the S2 Web token data entry point and compare it with the attached transparency spreadsheet. Add the listed neutral and inverse tokens for Light, Dark, and Wireframe themes, then verify that all requested values are represented and theme-aware.

Written by the indexing model from the issue text.