feat(*): remove css variable exports

[adamdehaven]

Summary

The CSS variables in Kong's design system are meant to be used to allow for customization when used in standalone components so that a host application can customize values without having to fork the component package, etc.

This PR removes the CSS exports from the distributed package, as a host app should never need to import all variables already set to their default values.

Example

To use the CSS variables in a component that wants to allow for customization, the component code would look something like this:

<template>
  <button class="my-button">Click me</button>
</template>

<style lang="scss">
import '@kong/design-tokens/tokens/scss/variables';

.my-button {
  background-color: var(--kui-color-background-primary, $kui-color-background-primary);
}
</style>

The host application would then define an override value for the token above, optionally scoped within a wrapper class:

// Override everywhere
:root {
  --kui-color-background-primary: #007ac1;
}

// Or, override for a single container
.button-wrapper-element {
  --kui-color-background-primary: #007ac1;
}

PR Checklist

• Tests pass: check the output of all package unit and/or component tests.
  • If this PR is the result of a bug, test coverage was added accordingly.
• Conventional Commits all commits follow the conventional commit standards outlined in the main README.
• Docs: includes a technically accurate README, and the docs have been updated accordingly based on the changes in this PR.

[kongponents-bot]

🎉 This PR is included in version 1.3.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀