Sage: Filter property not compiling

[Benjyclay]

Submit a feature request or bug report

• [x] I've read the guidelines for Contributing to Roots Projects
• [ ] This is a feature request
• [x] This is a bug report
• [x] This request isn't a duplicate of an existing issue
• [x] I've read the docs and NPM Debugging Guidelines post and followed them (if applicable)
• [x] This is not a personal support request that should be posted on the Roots Discourse forums

---

What is the current behavior?

filter property not compiling into CSS. Within nested classes and in an isolated class, neither work. Full class below,

.greyscale {
    filter: grayscale(100%);
}

What is the expected or desired behavior?

filter needs to compile

---

Bug report

Please provide steps to reproduce, including full log output:

Create SCSS class with filter property

Please describe your local environment:

WordPress version: 4.8.1

OS: MAC OS 10.12.6

NPM/Node version: 5.4.2 / 7.9.0

Sage version: 9.0.0-beta.4

Where did the bug happen? Development or remote servers?

Development, fresh install

Is there a related Discourse thread or were any utilized (please link them)?

No

[retlehs]

confirmed. super weird. thanks for reporting

spent some time the other day trying to debug this and haven't figured it out yet

[derkjn]

weird, it's working fine for me! I did upgrade autoprefixer and all the dependencies to their latest version though so that might do the trick!

[Karuma]

Same here

[Benjyclay]

Here an old libsass issue, could it be a conflict?
https://github.com/sass/libsass/issues/151

[retlehs]

someone posted a workaround until this is resolved https://discourse.roots.io/t/css-grayscale-filter-not-being-included/10640/3

[retlehs]

have not yet confirmed, but this might have been fixed in bootstrap beta 2 with https://github.com/twbs/bootstrap/pull/23579?

[retlehs]

looks like this is now resolved