Upagination arrows in RTL are not in correct order

Environment

Operating system	Windows 10.0.19045
CPU	AMD Ryzen 3 PRO 4350G with Radeon Graphics (8 cores)
Node.js version	v24.14.0
nuxt/cli version	3.34.0
Package manager	npm@11.9.0
Nuxt version	4.4.2
Nitro version	2.13.3
Builder	vite@7.3.2
Config	app, compatibilityDate, css, devtools, modules, ssr
Modules	@nuxt/ui@4.7.1

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

4.7.1

Reproduction

depecdencies : 
    "@nuxt/ui": "^4.7.1",
    "nuxt": "^4.4.2",
    "tailwindcss": "^4.2.4"

//app.vue
<template>
  <div dir="rtl">
    <NuxtLayout>
      <UApp>
        <NuxtPage/>
      </UApp>
    </NuxtLayout>
  </div>
</template>

main.css
@import "tailwindcss";
@import "@nuxt/ui";
*{
    direction: rtl !important;
}

nuxt.config.ts
export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },
  ssr:false,
  modules:['@nuxt/ui'],
  css:['~/assets/css/main.css'],
  app: {
    head: {
      htmlAttrs: {
        dir: 'rtl',
        lang: 'fa'
      }
    }
  }
})

index.vue
  <div class="flex justify-center border-t border-default pt-4 px-4">
    <UPagination
        v-model:page="currentPage"
        :total="data?.meta?.totalItems"
        :to="to"
    />
  </div>

Description

hi there
so Upagination right and left arrows are misplaced the functionality is ok ... this is what its like now :

rtl upagination
how should be :
RTL UPagination expected behavior

Additional context

No response

Logs

Update

Temperory Solution

    <UPagination
        v-model:page="currentPage"
        :total="data?.meta?.totalItems"
        :to="to"
        next-icon="lucide:chevron-left"
        prev-icon="lucide:chevron-right"
        first-icon="lucide:chevrons-right"
        last-icon="lucide:chevrons-left"
    />

Reproduce the issue with the RTL setup in app.vue, main.css, nuxt.config.ts, and index.vue, using the UPagination example and its temporary icon overrides as a reference. Inspect the UPagination implementation and related tests if present; done means the first, previous, next, and last arrows appear in the expected RTL order while pagination still works.