Unable to change MapPolygon color and border.color after creation using MapboxGL plugin

import QtQuick 2.12
import QtQuick.Window 2.13
import QtLocation 5.12
import QtPositioning 5.12

Window {
    width: 512
    height: 512
    visible: true

    Plugin {
        id: mapPlugin
        name: "mapboxgl"
        PluginParameter { name: "mapboxgl.access_token"; value: "pk.eyJ1IjoibWFybG91Z3JvZW5ld2FsZCIsImEiOiJjamd2eDU4aXAwMmszMzNvNHZicG8wcXhmIn0.EqcbmfVeLhmqEww8t6aUNA" }
    }

    Map {
        anchors.fill: parent
        plugin: mapPlugin
        center: QtPositioning.coordinate(-26.715, 27.1033)
        zoomLevel: 15

        MapPolygon {
            id: mapPolygon1
            color: "blue"
            path: [
                {latitude: -26.7115, longitude: 27.1035},
                {latitude: -26.7209, longitude: 27.0965},
                {latitude: -26.7199, longitude: 27.1066}
            ]
        }

        MapPolygon {
            id: mapPolygon2
            color: "blue"
            path: [
                {latitude: -26.7115, longitude: 27.1035},
                {latitude: -26.7146, longitude: 27.0970},
                {latitude: -26.7071, longitude: 27.0936}
            ]
        }
    }

    SequentialAnimation {
        id: mapPolygon1Animation
        running: true
        loops: Animation.Infinite
        PropertyAction {
            target: mapPolygon1
            property: "color"
            value: "blue"
        }
        PauseAnimation {
            duration: 500
        }
        PropertyAction {
            target: mapPolygon1
            property: "border.width"
            value: 5
        }
        PauseAnimation {
            duration: 500
        }
        PropertyAction {
            target: mapPolygon1
            property: "border.color"
            value: "green"
        }
        PauseAnimation {
            duration: 500
        }
        PropertyAction {
            target: mapPolygon1
            property: "color"
            value: "red"
        }
        PauseAnimation {
            duration: 500
        }
        PropertyAction {
            target: mapPolygon1
            property: "border.width"
            value: 1
        }
        PauseAnimation {
            duration: 500
        }
        PropertyAction {
            target: mapPolygon1
            property: "border.color"
            value: "black"
        }
        PauseAnimation {
            duration: 500
        }
    }

    SequentialAnimation {
        id: mapPolygon2Animation
        running: true
        loops: Animation.Infinite
        PropertyAction {
            target: mapPolygon2
            property: "color"
            value: "blue"
        }
        PauseAnimation {
            duration: 500
        }
        PropertyAction {
            target: mapPolygon2
            property: "color"
            value: "red"
        }
        PauseAnimation {
            duration: 500
        }
    }
}