select component with dir="rtl" down arrow incorrectly positioned

[kendalblythe]

What version of daisyUI are you using?

2.47.0

Describe your issue

I have the following select component defined.

<select value="en" className="select select-bordered select-sm max-w-xs">
  <option value="de">German</option>
  <option value="en">English</option>
  <option value="es">Spanish</option>
</select>

If I set dir="rtl" on the html element, the down arrow is incorrectly positioned to the right of the select component.

To fix, I added the following CSS.

[dir='rtl'] .select {
  background-position: 16px calc(1px + 50%), 20px calc(1px + 50%);
}

The down arrow is now correctly positioned to the left of the select component.

What browsers are you seeing the problem on?

Chrome

Reproduction URL (optional)

No response

[kendalblythe]

I also have tailwindcss-flip installed.

    "tailwindcss-flip": "1.0.0",

And have plugin defined.

  plugins: [require('daisyui'), require("tailwindcss-flip")],