CSS modules with Tailwind 4

<template>
  <div>
    <p class="is-applied">Color is applied.</p>
    <p :class="$style['is-not-applied']">Color is not applied.</p>
  </div>
</template>

<style>
@reference '~/assets/styles/main.css';

.is-applied {
  @apply text-primary; /* is applied */
}
</style>

<style module>
@reference '~/assets/styles/main.css';

.is-not-applied {
  @apply text-primary; /* is not applied */
}
</style>