Adding a custom Pattern State is not being reflected

[morgaca]

before posting an issue, try chatting on https://gitter.im/pattern-lab/node
Unfortunately, this is blocked by corporate network

I am using Pattern Lab Node- Gulp Edition v2.12.0 on Mac.

Expected Behavior

Add an Custom Pattern State for inbacklog as per https://patternlab.io/docs/pattern-states.html
Expect to see the colour displayed when the application has reloaded.

Actual Behavior

Intended colour not being picked up.

Steps to Reproduce

./source/css/pattern-scaffolding.css

.inbacklog::before {
  color: blueviolet !important;
}

./patternlab-config.json

{
    "patternStateCascade": ["inbacklog", "inprogress", "inreview", "complete"],
}

./source/_patterns/00-atoms/03-lists/00-unordered.md

---
title: Unordered List
state: inbacklog
---

Additional information

pattern-scaffolding.css file added to ./source/_meta/00-head.mustache results in the CSS file being included only in the iframe, not available to the entire application.

However, other styles in pattern-scaffolding.css are being picked up e.g. .sg-colors providing a container for the colour palette.