[NETBEANS-6267] Dart-Sass 1.44, Apache-NetBeans 12.5, MacOS Monterey - does not recognise @use or @forward

• Type: Bug
• Status: Closed
• Priority: Blocker
• Resolution: Fixed
• Affects Version/s: 12.5
• Component/s: web - CSS Preprocessors (SASS, LESS, ...)

Environment

MacOS Monterey

Apache-NetBeans 12.5

Dart-Sass 1.44

• External issue URL: https://github.com/sass/dart-sass/issues/1566
• External issue ID: 1566

Language

sass

• Assignee: Unassigned
• Reporter: Cliff Wallace
• Due: 07/Dec/21
• Created: 07/Dec/21 11:48
• Updated: 11/Dec/21 15:49
• Resolved: 11/Dec/21 15:49

Description

I had NetBeans working fine and compiling on save with Dart-Sass using @includes.

However, @include is deprecated in favour of @use and @forward.

I installed Dart-Sass (per Dart site) by simply loading it down and adding to my MacOS Path then using terminal command "which sass" to get that path: /Applications/dart-sass/sass
and add it to NetBeans css preprocessor.

I get the issue (see attachment) every time I try @use or @forward.
I tried removing NetBeans to start over, and re-installed it (no difference).
To demonstrate the issue, I created the very simple project shown in the image.
Inside the _fonts.scss is the simplest definition ...

$font-size: 1.25rem;

So, even at this simplest of levels, NetBeans doesn't seem to like @use (or @forward for that matter).

I raised an issue on GitHub (#1566) and Dart-Sass folks say it isn't a Sass issue.

Trouble is, as it stands, when using @use or @forward, the sass just won't compile.

It may be the case that the NetBeans syntax checking has not caught up yet in which case, I'll gladly raise an enhancement request.

Issue Links

• duplicates: NETBEANS-5449 Failed parsing of SCSS files with namespaced variables through @use "import"