Laravel Mix错误地解释了CSS Bootstrap

Question

我在引导程序和laravel混合编译方面遇到问题。

此规则

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-position: center right calc(.375em + .1875rem) !important;
}

被解释为

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-position: 100% calc(.375em + .1875rem) !important;
}

，并在最右边显示验证图标。当我将检查器中的100％更改为居中时，它会起作用。对我有什么帮助吗？

混合配置：

mix.js('resources/assets/js/'+project+'.js',        'public/js')
        .sass('resources/assets/sass/'+project+'.scss', 'public/css');