Как в SCSS в GULP написать арифметическое выражение?

Question

[Cheizer]

Подскажите пожалуйста, как в SCSS в GULP написать данную конструкцию, что бы не было ошибки?

Раньше писал так

@media screen and(max-width: 830 - 1px) {
        ........
 }
но теперь, не пойму что изменилось, может обновления какие были, теперь такая конструкция подсвечена красным, а именно МИНУС в арифметической действии, и в консоли написано на эту строку  ) expected. И если скопировать сообщение ошибки то вот такой текст
<code>
[{
	"resource": "",
	"owner": "_generated_diagnostic_collection_name_#0",
	"code": "css-rparentexpected",
	"severity": 8,
	"message": ") expected",
	"source": "scss",
	"startLineNumber": 278,
	"startColumn": 43,
	"endLineNumber": 278,
	"endColumn": 44
}]
</code>

ожидает круглую скобку где то, ничего не пойму, синтаксис весь проверил, пропущенных скобок нет, в чем дело может быть? Таких конструкций много у меня, весь док красный из за этого. Помогите разобраться.

Comments

[Ankhena]

Хорошо бы весь код, который вызвал ошибку. (Можете попробовать выложить его на codepen, там есть конвертер в css или потестировать тут https://cssportal.com/scss-to-css/ Возможно, скобка не закрыта где-то выше этого кода)
А также версию gulp-sass.

Ну и пробел между and и скобкой, но это для красоты.

p.s. лучше не -1px, а -0.02px
И я понимаю, если бы вы из переменной это вычитали, но из 830 можно 1px вычесть и самостоятельно.

[Cheizer]

Ankhena, Дело в VSC, посмотрел на другом ПК там версия программы 1.60.2, а у меня последняя 1.62.2, на втором ПК обновил до последней и вылезла та же проблема. Буду копать VSC.