PopoverArrow did not apply the _dark property

[tuanpq1998]

Description

• Demo:

<Popover>
  <PopoverTrigger>
    <Button>Trigger</Button>
  </PopoverTrigger>
  <PopoverContent color='white' _dark={{
              backgroundColor: 'blue.500',
            }} 
            bg='blue.800' >
    <PopoverArrow color='white' _dark={{
              backgroundColor: 'blue.500',
            }} bg='blue.800'  />
    <PopoverCloseButton />
    <PopoverHeader>Confirmation!</PopoverHeader>
    <PopoverBody>Are you sure you want to have that milkshake?</PopoverBody>
  </PopoverContent>
</Popover>

• Image:

  • Light mode: (works fine)
    
  • Dark mode:
    

• Description: When I change to Dark mode, PopoverArrow remains the same bg color as Light mode although I I have set up by _dark

Link to Reproduction

https://codesandbox.io/p/sandbox/fragrant-night-ckjztz

Steps to reproduce

1. Run the code in demo

Chakra UI Version

lastest

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response