Codex is made up of several different modules (icons, design tokens, Vue components, etc). Currently we are publishing the Vue components and the icons as stand-alone packages on NPM; these packages are also embedded in MediaWiki core so that other MW features can use them.
The Codex design tokens are fundamental to the rest of our work in Codex, and we should publish these so that they are available to external users as well. This will make it easy for other teams who are authoring their own styles or components to do so in a way that aligns with the over-arching design system as much as possible.
However, making a package available for external users imposes some additional standards in terms of quality and stability. Some of the tokens must be clarified, renamed, or re-organized before this package is suitable for publication.
== Necessary steps
1. Style Dictionary size transformers to ensure: https://gerrit.wikimedia.org/r/c/design/codex/+/850407
- Accessibility (relative sizes where needed)
- Themeability (provide simple way to change sizing units)
- Developer experience (don't have to care about sizing in their Vue code)
2. Decide if missing font family category is a blocker for publishing first version, see also T322811
3. Removing option tokens from token output https://gerrit.wikimedia.org/r/c/design/codex/+/848519 and T309050 – see above, which relies on font-family tokens
4. Publish npm package; from here on teams like Growth can import and use the tokens in their extensions
[5. Provide package to be consumed within WikimediaUI Base T318016]
[6. Provide package alongside mediawiki.skin.variables, so teams don't have to import separately anymore]
== Acceptance criteria
 Publish 'codex-design-tokens' package to npm