VSCode textmate scopes not overriding color theme when there are multiple scopes

Question

I have installed a custom color theme extension for VSCode and i've been able to override some of the colors from my settings.json, however whenever the theme uses more than one scope, overriding doesn't work on those.

Is there a way to override this color ?

"editor.tokenColorCustomizations": {
        "[Firefox Devtools Italic]": {
            "textMateRules": [
                { // This works:
                    "scope": ["keyword.control"],
                    "settings": {"foreground": "#FF97E9"}
                },
                { // This doesn't work:
                  "scope": [
                        "meta.function-call.js",
                        "entity.name.function.js"
                    ],
                    "settings": {"foreground": "#B98EFF"}
                },
                { // This doesn't work either:
                    "scope": "meta.function-call.js,entity.name.function.js",
                    "settings": {"foreground": "#B98EFF"}
                },
            ]
        }
}