Cannot use styles from library in sass @apply

[hhharmEpm]

EPAM AI DIAL UI Kit version

0.2.0

How to reproduce

In your app scss file try to write @apply and style from library, e.g.

    .myclass {
      @apply dial-primary-button;
    }

Actual result

The build fails:

Expected result

The build succeeds

Confidential information

• I confirm that do not share any confidential information

[NastassiaKryshtal]

It's not ui-kit bug
This error happens when the UI Kit styles are imported only from JS/TS, for example:
import '@epam/ai-dial-ui-kit/styles.css';
That makes the styles available in the browser, but Tailwind does not see them while processing @apply in SCSS/CSS.

For projects that use Tailwind and want to apply UI Kit classes with @apply, the UI Kit CSS should be imported in the global stylesheet instead:

@import '@epam/ai-dial-ui-kit/styles.css'; .myclass { @apply dial-primary-solid-button; }

Then Tailwind can resolve the UI Kit classes correctly.