Problem
The Query Builder's user interface was composed using a combination of Vue 2 custom components and WiKit elements, such as Link. The WiKit design system is now on its deprecation path, as it has been superseded by Codex, the official Wikimedia design system. The utilization of WiKit components is not recommended, and they should be replaced in order to reduce maintenance costs and ensure consistency.
Solution
We have to replace WiKit's Link component and mixins by the Codex equivalent.
Unfortunately, Codex right now provides links as a Less mixin (cdx-mixin-link) that we can't reuse in Sass. The team is not planning to provide a preprocessor independent solution. Our way around this in the previous migration project was to recreate the Link mixin for reusage in our application.
Considerations
Please note that links should display a font-size and line-height that matches that of their surrounding text. For example, links included within the Query Builder's footer should reflect the Body S properties (14px font-size, 22.4 line-height).
Acceptance criteria
- All WiKit links in the Query Builder UI and components are replaced by their Codex equivalent
