Label Icons display incorrect color within .borderedProminent Buttons

[GavynHolt]

In Android, when displaying a Button with the style of .borderedProminent, and supplying a Label, the icon displays as the Primary colour, which is a dark colour, while the text displays white. In iOS, the Icon matches the white colour of the Button. I am thinking that there is somewhere in SkipUI where the Color "primary" is accidentally being set instead of a system color that would be aware of contrast and light/dark mode settings.

Button(action: {
    // redacted
}, label: {
    Label("Arrive", systemImage: "person.badge.shield.checkmark.fill")
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 30, maxHeight: 30)
})
.buttonStyle(.borderedProminent)
.tint(.teal)

Android Screenshot

iOS Screenshot

[marcprux]

As discussed in the Slack thread, it is possible to work around this like:

Label {
    Text("Arrive")
} icon: {
    Image(systemName: "person.badge.shield.checkmark.fill")
        .foregroundStyle(.white)
}