Tailwind: 'Unexpected token IDENT found' Error in a sass file

[mhrownaghi]

Apache NetBeans version

Apache NetBeans 20

What happened

When I use @apply with more than one class, second class is marked as 'Unexpected token IDENT found' error.

How to reproduce

In a sass file copy following code:

@layer components {
  .card {
    @apply bg-white p-5 rounded-lg shadow; // Unexpected token IDENT found
  }
}

p-5 is marked as error.

Did this work correctly in an earlier version?

No / Don't know

Operating System

OpenSUSE Leap 15.5 - x64

JDK

11

Apache NetBeans packaging

Apache NetBeans binary zip

Anything else

No response

Are you willing to submit a pull request?

No

[matthiasblaesing]

Where is @apply defined in CSS?

[mhrownaghi]

It is related to the Tailwind CSS framework. If a plugin is made for Tailwind CSS framework, it is good.

[matthiasblaesing]

So on top of CSS, SCSS and LESS, now every framework invents its own @rules. Great! We have to rethink how to handle @rules so that this mess can somehow be supported.

[matthiasblaesing]

@mhrownaghi please check the build available from PR #7837. Checkpage, direct link