Возникают предупреждения в связки postcss + cssnext + webpack

Использую postcss + cssnext + webpack и при использовании нативный css propertys в консоли возникает предупреждение -

(Emitted value instead of an instance of Error) postcss-custom-properties: /home/user/.../.../src/main.sass:10:3: Custom property ignored: not scoped to the top-level :root element (html:root { ... --textfield: ... })

Максимум что я смог найти по этому поводу, это то, что нужно в конфиге к postcss отключить вывод warning. Но в таком случаи перестает работать автообновление стилей в браузе. Но замечу, что если предупреждения не отключать в конфиге, то браузер обновляется,но при этом в консоли нет места чтобы вывести действительно нужную информацию.

Кто-то сталкивался с таким? И ещё вопрос, я как-то в плане препроцессоров давно знания не обновлял, postcss и конкретно cssnext все ещё актуальны? А то может есть что-то лучше и проще сменить препроцессор?