diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..8746364
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,49 @@
+name: CI
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Unit Tests
+        run: pnpm run test
+
+  Linting:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Building
+        run: pnpm run build
+
+      - name: Linting
+        run: pnpm run lint
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
deleted file mode 100644
index 9c7db5d..0000000
--- a/.github/workflows/test.yml
+++ /dev/null
@@ -1,26 +0,0 @@
-name: tests
-
-on:
-  pull_request:
-    types: [opened, synchronize, reopened, ready_for_review]
-
-jobs:
-  tests:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
-        with:
-          version: 8
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: CI-check
-        run: pnpm run test
diff --git a/e2e/no-physical-properties.tsx b/e2e/no-physical-properties.tsx
new file mode 100644
index 0000000..f7be22e
--- /dev/null
+++ b/e2e/no-physical-properties.tsx
@@ -0,0 +1,479 @@
+declare const React;
+
+<>
+  <>
+    <h2>Valid</h2>
+    <div className="ms-8" />
+    <div className="me-8" />
+    <div className="ps-8" />
+    <div className="pe-8" />
+    <div className="start-8" />
+    <div className="end-8" />
+    <div className="text-start" />
+    <div className="text-end" />
+    <div className="border-s-8" />
+    <div className="border-e-8" />
+    <div className="rounded-s-8" />
+    <div className="rounded-e-8" />
+    <div className="rounded-ss-8" />
+    <div className="rounded-se-8" />
+    <div className="rounded-es-8" />
+    <div className="rounded-ee-8" />
+    <div className="scroll-ms-8" />
+    <div className="scroll-me-8" />
+    <div className="scroll-ps-8" />
+    <div className="scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Valid with negative</h2>
+    <div className="-ms-8" />
+    <div className="-me-8" />
+    <div className="-ps-8" />
+    <div className="-pe-8" />
+    <div className="-start-8" />
+    <div className="-end-8" />
+    <div className="-text-start" />
+    <div className="-text-end" />
+    <div className="-border-s-8" />
+    <div className="-border-e-8" />
+    <div className="-rounded-s-8" />
+    <div className="-rounded-e-8" />
+    <div className="-rounded-ss-8" />
+    <div className="-rounded-se-8" />
+    <div className="-rounded-es-8" />
+    <div className="-rounded-ee-8" />
+    <div className="-scroll-ms-8" />
+    <div className="-scroll-me-8" />
+    <div className="-scroll-ps-8" />
+    <div className="-scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Valid important</h2>
+    <div className="!ms-8" />
+    <div className="!me-8" />
+    <div className="!ps-8" />
+    <div className="!pe-8" />
+    <div className="!start-8" />
+    <div className="!end-8" />
+    <div className="!text-start" />
+    <div className="!text-end" />
+    <div className="!border-s-8" />
+    <div className="!border-e-8" />
+    <div className="!rounded-s-8" />
+    <div className="!rounded-e-8" />
+    <div className="!rounded-ss-8" />
+    <div className="!rounded-se-8" />
+    <div className="!rounded-es-8" />
+    <div className="!rounded-ee-8" />
+    <div className="!scroll-ms-8" />
+    <div className="!scroll-me-8" />
+    <div className="!scroll-ps-8" />
+    <div className="!scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Valid with modifiers</h2>
+    <div className="dark:ms-8" />
+    <div className="group-has:me-8" />
+    <div className="[&>svg]:ps-8" />
+    <div className="dark:pe-8" />
+    <div className="group-[:nth-of-type(3)_&]:start-8" />
+    <div className="[&>svg]:end-8" />
+    <div className="aria-[hidden]:text-start" />
+    <div className="dark:text-end" />
+    <div className="aria-[hidden]:border-s-8" />
+    <div className="@md:border-e-8" />
+    <div className="dark:md:hover:rounded-s-8" />
+    <div className="group-has:rounded-e-8" />
+    <div className="aria-[hidden]:rounded-ss-8" />
+    <div className="@md:dark:hover:rounded-se-8" />
+    <div className="aria-[hidden]:rounded-es-8" />
+    <div className="group-has:rounded-ee-8" />
+    <div className="aria-[hidden]:scroll-ms-8" />
+    <div className="aria-[hidden]:scroll-me-8" />
+    <div className="dark:md:hover:scroll-ps-8" />
+    <div className="data-[state=active]:scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Valid with modifiers and negative</h2>
+    <div className="dark:md:hover:-ms-8" />
+    <div className="*:-me-8" />
+    <div className="@md:dark:hover:-ps-8" />
+    <div className="data-[state=active]:-pe-8" />
+    <div className="@md:-start-8" />
+    <div className="data-[state=active]:-end-8" />
+    <div className="data-[state=active]:-text-start" />
+    <div className="@md:-text-end" />
+    <div className="*:-border-s-8" />
+    <div className="aria-[hidden]:-border-e-8" />
+    <div className="@md:dark:hover:-rounded-s-8" />
+    <div className="data-[state=active]:-rounded-e-8" />
+    <div className="aria-[hidden]:-rounded-ss-8" />
+    <div className="[&>svg]:-rounded-se-8" />
+    <div className="@md:dark:hover:-rounded-es-8" />
+    <div className="group-[:nth-of-type(3)_&]:-rounded-ee-8" />
+    <div className="@md:-scroll-ms-8" />
+    <div className="*:-scroll-me-8" />
+    <div className="aria-[hidden]:-scroll-ps-8" />
+    <div className="@md:dark:hover:-scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Valid with modifiers and important</h2>
+    <div className="dark:!ms-8" />
+    <div className="aria-[hidden]:!me-8" />
+    <div className="group-hover/name:!ps-8" />
+    <div className="group-[:nth-of-type(3)_&]:!pe-8" />
+    <div className="aria-[hidden]:!start-8" />
+    <div className="group-has:!end-8" />
+    <div className="group-[:nth-of-type(3)_&]:!text-start" />
+    <div className="group-hover/name:!text-end" />
+    <div className="group-has:!border-s-8" />
+    <div className="dark:!border-e-8" />
+    <div className="*:!rounded-s-8" />
+    <div className="dark:!rounded-e-8" />
+    <div className="@md:!rounded-ss-8" />
+    <div className="group-hover/name:!rounded-se-8" />
+    <div className="aria-[hidden]:!rounded-es-8" />
+    <div className="data-[state=active]:!rounded-ee-8" />
+    <div className="[&>svg]:!scroll-ms-8" />
+    <div className="dark:!scroll-me-8" />
+    <div className="group-hover/name:!scroll-ps-8" />
+    <div className="@md:dark:hover:!scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Valid with modifiers, important and negative flags</h2>
+    <div className="@md:dark:hover:!-ms-8" />
+    <div className="@md:dark:hover:!-me-8" />
+    <div className="*:!-ps-8" />
+    <div className="group-hover/name:!-pe-8" />
+    <div className="data-[state=active]:!-start-8" />
+    <div className="@md:!-end-8" />
+    <div className="group-hover/name:!-text-start" />
+    <div className="dark:md:hover:!-text-end" />
+    <div className="group-has:!-border-s-8" />
+    <div className="@md:dark:hover:!-border-e-8" />
+    <div className="[&>svg]:!-rounded-s-8" />
+    <div className="dark:!-rounded-e-8" />
+    <div className="@md:!-rounded-ss-8" />
+    <div className="@md:!-rounded-se-8" />
+    <div className="*:!-rounded-es-8" />
+    <div className="dark:md:hover:!-rounded-ee-8" />
+    <div className="group-hover/name:!-scroll-ms-8" />
+    <div className="@md:!-scroll-me-8" />
+    <div className="dark:md:hover:!-scroll-ps-8" />
+    <div className="aria-[hidden]:!-scroll-pe-8" />
+  </>
+
+  <>
+    <h2>Invalid</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="scroll-pr-8" />
+  </>
+
+  <>
+    <h2>Invalid with negative</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="-scroll-pr-8" />
+  </>
+
+  <>
+    <h2>Invalid important</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="!scroll-pr-8" />
+  </>
+
+  <>
+    <h2>Invalid with modifiers</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-hover/name:text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="*:border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-[:nth-of-type(3)_&]:scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:dark:hover:scroll-pr-8" />
+  </>
+
+  <>
+    <h2>Invalid with modifiers and negative</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:-pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:-left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:-right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:-text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-hover/name:-text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:-border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:-border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-[:nth-of-type(3)_&]:-rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-hover/name:-rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:-rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:-rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-[:nth-of-type(3)_&]:-rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-hover/name:-rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:-scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:-scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:-scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="[&>svg]:-scroll-pr-8" />
+  </>
+
+  <>
+    <h2>Invalid with modifiers and important</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:dark:hover:!ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-[:nth-of-type(3)_&]:!mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:!pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:!pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-hover/name:!left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:!right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:!text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:!text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:!border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:!border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:!rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:!rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="*:!rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:!rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="*:!rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-[:nth-of-type(3)_&]:!rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:!scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:!scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:!scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:!scroll-pr-8" />
+  </>
+
+  <>
+    <h2>Invalid with modifiers, important and negative flags</h2>
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-[:nth-of-type(3)_&]:!-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:!-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:!-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:!-pr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:!-left-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:!-right-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:dark:hover:!-text-left" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-hover/name:!-text-right" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:!-border-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:!-border-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="@md:dark:hover:!-rounded-l-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:!-rounded-r-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:!-rounded-tl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="group-has:!-rounded-tr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:!-rounded-bl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="dark:md:hover:!-rounded-br-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="aria-[hidden]:!-scroll-ml-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="*:!-scroll-mr-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="data-[state=active]:!-scroll-pl-8" />
+    {/* eslint-disable-next-line rtl-friendly/no-physical-properties */}
+    <div className="*:!-scroll-pr-8" />
+  </>
+</>;
diff --git a/jest.config.js b/jest.config.js
index 08b935d..b0086e1 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -2,4 +2,18 @@ export default {
   preset: "ts-jest",
   testEnvironment: "node",
   testMatch: ["**/tests/**/*.ts"],
+  extensionsToTreatAsEsm: ['.ts'],
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1',
+  },
+  transform: {
+    // '^.+\\.[tj]sx?$' to process ts,js,tsx,jsx with `ts-jest`
+    // '^.+\\.m?[tj]sx?$' to process ts,js,tsx,jsx,mts,mjs,mtsx,mjsx with `ts-jest`
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      {
+        useESM: true,
+      },
+    ],
+  },
 };
diff --git a/package.json b/package.json
index 1dacc64..d78f101 100644
--- a/package.json
+++ b/package.json
@@ -34,12 +34,13 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "release": "semantic-release",
-    "add-rule": "ts-node scripts/add-rule",
-    "update": "ts-node scripts/update",
-    "prepublishOnly": "npm run build"
+    "add-rule": "tsx scripts/add-rule",
+    "update": "tsx scripts/update",
+    "prepublishOnly": "npm run build",
+    "gen-e2e": "tsx scripts/generate-e2e"
   },
   "peerDependencies": {
-    "eslint": ">=5.16.0",
+    "eslint": ">=8.0.0",
     "tailwindcss": ">=3.3.0"
   },
   "devDependencies": {
diff --git a/scripts/generate-e2e.ts b/scripts/generate-e2e.ts
new file mode 100644
index 0000000..5335d79
--- /dev/null
+++ b/scripts/generate-e2e.ts
@@ -0,0 +1,145 @@
+import { exec } from "child_process";
+import { mkdir, writeFile } from "fs/promises";
+import { logicalProperties } from "../src/configs/tw-logical-properties";
+import path from "path";
+
+const modifiers = [
+  "dark",
+  "dark:md:hover",
+  "@md",
+  "@md:dark:hover",
+  "group-has",
+  "[&>svg]",
+  "data-[state=active]",
+  "aria-[hidden]",
+  "group-hover/name",
+  "group-[:nth-of-type(3)_&]",
+  "*"
+];
+
+let valid = "<h2>Valid</h2>\n";
+let validWithNegative = "<h2>Valid with negative</h2>\n";
+let validWithImportant = "<h2>Valid important</h2>\n";
+let validWithModifier = "<h2>Valid with modifiers</h2>\n";
+let validWithModifierAndNegative =
+  "<h2>Valid with modifiers and negative</h2>\n";
+let validWithModifierAndImportant =
+  "<h2>Valid with modifiers and important</h2>\n";
+let validWithModifierAndNegativeAndImportant =
+  "<h2>Valid with modifiers, important and negative flags</h2>\n";
+
+let invalid = "<h2>Invalid</h2>\n";
+let invalidWithNegative = "<h2>Invalid with negative</h2>\n";
+let invalidWithImportant = "<h2>Invalid important</h2>\n";
+let invalidWithModifier = "<h2>Invalid with modifiers</h2>\n";
+let invalidWithModifierAndNegative =
+  "<h2>Invalid with modifiers and negative</h2>\n";
+let invalidWithModifierAndImportant =
+  "<h2>Invalid with modifiers and important</h2>\n";
+let invalidWithModifierAndNegativeAndImportant =
+  "<h2>Invalid with modifiers, important and negative flags</h2>\n";
+
+for (const { logical } of logicalProperties) {
+  valid += `<div className="${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { logical } of logicalProperties) {
+  validWithNegative += `<div className="-${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { logical } of logicalProperties) {
+  validWithImportant += `<div className="!${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { logical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  validWithModifier += `<div className="${modifier}:${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { logical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  validWithModifierAndNegative += `<div className="${modifier}:-${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { logical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  validWithModifierAndImportant += `<div className="${modifier}:!${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { logical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  validWithModifierAndNegativeAndImportant += `<div className="${modifier}:!-${logical}${logical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+// Invalid
+for (const { physical } of logicalProperties) {
+  invalid += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { physical } of logicalProperties) {
+  invalidWithNegative += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="-${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { physical } of logicalProperties) {
+  invalidWithImportant += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="!${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { physical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  invalidWithModifier += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="${modifier}:${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { physical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  invalidWithModifierAndNegative += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="${modifier}:-${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { physical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  invalidWithModifierAndImportant += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="${modifier}:!${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+for (const { physical } of logicalProperties) {
+  const modifier = modifiers[Math.floor(Math.random() * modifiers.length)];
+  invalidWithModifierAndNegativeAndImportant += `{/* eslint-disable-next-line rtl-friendly/no-physical-properties */}\n<div className="${modifier}:!-${physical}${physical.endsWith("-") ? "8" : ""}" />\n`;
+}
+
+await mkdir(path.join(process.cwd(), "e2e"), { recursive: true });
+await writeFile(
+  path.join(process.cwd(), "e2e", "no-physical-properties.tsx"),
+  `
+declare const React;
+
+<>
+  <>${valid}</>
+  
+  <>${validWithNegative}</>
+  
+  <>${validWithImportant}</>
+  
+  <>${validWithModifier}</>
+  
+  <>${validWithModifierAndNegative}</>
+  
+  <>${validWithModifierAndImportant}</>
+  
+  <>${validWithModifierAndNegativeAndImportant}</>
+  
+  <>${invalid}</>
+  
+  <>${invalidWithNegative}</>
+  
+  <>${invalidWithImportant}</>
+  
+  <>${invalidWithModifier}</>
+  
+  <>${invalidWithModifierAndNegative}</>
+  
+  <>${invalidWithModifierAndImportant}</>
+  
+  <>${invalidWithModifierAndNegativeAndImportant}</>
+</>
+`
+);
+
+exec("biome check e2e --write")
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
index d83a97a..e61fc8f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -3,9 +3,7 @@ import type { ESLint, Linter } from "eslint";
 import noPhysicalProperties from "./rules/no-physical-properties.js";
 
 import { createRequire } from "module";
-const pkg = createRequire(import.meta.url)(
-  "../package.json"
-) as typeof import("../package.json");
+const pkg = createRequire(import.meta.url)("../package.json");
 
 const rtlFriendly = {
   meta: {
diff --git a/tests/rules/no-physical-properties.ts b/tests/rules/no-physical-properties.ts
index ab33278..18f8aea 100644
--- a/tests/rules/no-physical-properties.ts
+++ b/tests/rules/no-physical-properties.ts
@@ -39,6 +39,10 @@ tester.run("no-physical-properties", logicalProperties, {
       name: "should work well with stacked modifiers",
       code: '<div className="dark:md:hover:ps-4"></div>',
     },
+    {
+      name: "should work well with : in the modifier",
+      code: '<div className="group-[:nth-of-type(3)_&]:ps-4"></div>',
+    },
   ],
   invalid: [
     {
@@ -138,5 +142,11 @@ tester.run("no-physical-properties", logicalProperties, {
       output: '<div className="dark:md:hover:ps-4"></div>',
       errors: [{ messageId: "noPhysicalProperties" }],
     },
+    {
+      name: "should report if physical properties are used with : in the modifier",
+      code: '<div className="group-[:nth-of-type(3)_&]:pl-4"></div>',
+      output: '<div className="group-[:nth-of-type(3)_&]:ps-4"></div>',
+      errors: [{ messageId: "noPhysicalProperties" }],
+    },
   ],
 });
diff --git a/tsconfig.json b/tsconfig.json
index aed76f1..bbbddbd 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,11 +9,10 @@
     "declarationMap": true,
     "esModuleInterop": true,
     "lib": ["ES2021"],
+    "noImplicitReturns": true,
     "module": "NodeNext",
     "moduleResolution": "NodeNext",
-    "noImplicitReturns": true,
     "pretty": true,
-    "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
     "target": "ES2021",