Custom tailwind classes

If you are going to use custom tailwind classes for styling Vueless components, first you need to add them into tailwindMerge config. See: All list of properties.

vueless.config.js

export default {
  tailwindMerge: {
    extend: {
      theme: {
        classGroups: {
          "ring-w": [{ ring: ["brand"] }],
          "font-size": [{ text: ["2xs"] }],
        }
      }
    }
  }
};