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 filtersThere 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)