pagefind is not using css logical properties and getting rtl issues as a result

[babakfp]

Examples from pagefind source code:

paddingRight:

const updateForButtonWidth = () => {
    const width = clear_el.offsetWidth;
    if (width != clear_width) {
      input_el.style.paddingRight = `${width + 2}px`;
    }
  };

right:

.pagefind-ui__search-clear {
    position: absolute;
    top: calc(3px * var(--pagefind-ui-scale));
    right: calc(3px * var(--pagefind-ui-scale));

left:

.pagefind-ui__form::before {
    background-color: var(--pagefind-ui-text);
    width: calc(18px * var(--pagefind-ui-scale));
    height: calc(18px * var(--pagefind-ui-scale));
    top: calc(23px * var(--pagefind-ui-scale));
    left: calc(20px * var(--pagefind-ui-scale));

etc... the should not be any non logical styling being used...