No syntax highlight / autocompletion when I am on nesting in astro

Question

I am using a plugin in postcss which works perfectly called "postcss-preset-env"

My problem is that I don't get syntax highlight when I am nesting in an *.astro file

   .link-card {
    display: flex;
    margin-top: 2rem;
    padding: 0.15rem;
    background-image: var(--link-gradient);
    background-size: 400%;
    border-radius: 0.5rem;
    background-position: 100%;
    transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    background-color: greenyellow;
    font-size: larger;
    font-weight: 400;

    &:is(:hover, :focus-within) {
        background-position: 0;

        & h2 {
            color: yellow;

            & span {
                transform: translateX(2px);
                color: pink;
            }
        }
    }

After "&" there is no more autocompletion or syntax highlight

Settings.json

{
"postcss.validate": false,
"emmet.includeLanguages": {
    "postcss": "css"
},
"files.associations": {
    "*.css": "postcss"
}

}

On .css file everything works great