Erro ao compilar (-webkit-mask)...como resolver?

Olá, Vagner! Tudo bem?

Essa mensagem do VS Code não é um erro, é apenas uma mensagem de warning informando que não reconhece a propriedade padrão mask. É apenas uma questão de compatibilidade que não irá afetar o desenvolvimento do projeto!

Abraços!

Boa tarde, Neilton.

Mas não seria legal explicar como seria o ideal para resolver essa questão?

Abraços!

Perfeito, Caio! Vou explicar porque isso ocorre.

Como dito, o VS Code marcou a propriedade CSS como um warning, ou seja, um alerta de que algo pode estar errado no seu código. A propriedade em questão vem com um prefixo -webkit. Prefixos assim são chamados de vendor prefixes e são adotados pelos browsers propriedades que ainda podem estar em período experimental.

Geralmente a justificativa para esse tipo de suporte é que a implementação do recurso em questão ainda não foi finalizada ou ainda não faz parte de nenhuma especificação formal -webkit (Você pode conferir algumas dessas propriedades webkits clicando aqui). Quando a propriedade se torna estável os prefixos se tornam desnecessários e automáticamente o VS Code para de marcar-los como alerta.

É importante se manter atualizado sobre quais recursos possuem suporte definitivo e ainda estão em fase de implementação. E para descobrir isso e muito mais, inclusive se tais recursos funcionam em diferentes navegadores eu recomendo consultar o Can I Use?.

Enfim, espero ter esclarecido as dúvidas.

Grande abraço!