When running npm run -w @wikimedia/codex-design-tokens build, you get the following warning:
While building theme-wikimedia-ui.js, token collisions were found; output may be unexpected. Output name cdxZIndex100 was generated by: z-index.100 100 z-index.-100 -100 This many-to-one issue is usually caused by some combination of: * conflicting or similar paths/names in property definitions * platform transforms/transformGroups affecting names, especially when removing specificity * overly inclusive file filters
There is more discussion about this on the Gerrit patch that introduced this code: https://gerrit.wikimedia.org/r/c/design/codex/+/987492
We should explore whether we can work around this by:
- stacking name transforms, despite the Style Dictionary docs saying that it doesn't make sense to do this; or
- writing a custom name transform that applies the built-in camelCase transform but also avoids this collision; or
- filtering out the option tokens / theme tokens using Style Dictionary's built-in filter feature (and somehow avoiding/suppressing the other warnings that would result from that)