diff --git a/packages/design-system/lib/components/RateCard/Modal/index.tsx b/packages/design-system/lib/components/RateCard/Modal/index.tsx
index 4b3a5edd3..73c3bd8d3 100644
--- a/packages/design-system/lib/components/RateCard/Modal/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Modal/index.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { AnimatePresence, motion } from 'framer-motion'
+import { AnimatePresence, motion } from 'motion/react'
 import { type PropsWithChildren, useEffect, useState } from 'react'
 import {
   Dialog,
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 49fb1aba1..210b6f510 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -124,7 +124,8 @@
     "test": "vitest --watch=false",
     "test:watch": "vitest",
     "prepack": "yarn run build",
-    "prepare": "husky && yarn run build"
+    "prepare": "husky && yarn run build",
+    "check-types": "tsc --noEmit"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -155,11 +156,11 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.18",
     "eslint-plugin-storybook": "^0.11.2",
-    "framer-motion": "^11.3.28",
     "glob": "^11.0.2",
     "husky": "^9.1.7",
     "jiti": "^1.21.0",
     "lint-staged": "^15.5.2",
+    "motion": "^12.10.0",
     "prettier": "^3.5.3",
     "react": "^18.2.0",
     "react-aria-components": "^1.8.0",
diff --git a/yarn.lock b/yarn.lock
index 2db0090db..39479df11 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6664,11 +6664,11 @@ __metadata:
     eslint-plugin-react-hooks: "npm:^5.2.0"
     eslint-plugin-react-refresh: "npm:^0.4.18"
     eslint-plugin-storybook: "npm:^0.11.2"
-    framer-motion: "npm:^11.3.28"
     glob: "npm:^11.0.2"
     husky: "npm:^9.1.7"
     jiti: "npm:^1.21.0"
     lint-staged: "npm:^15.5.2"
+    motion: "npm:^12.10.0"
     prettier: "npm:^3.5.3"
     react: "npm:^18.2.0"
     react-aria-components: "npm:^1.8.0"
@@ -13540,28 +13540,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"framer-motion@npm:^11.3.28":
-  version: 11.18.2
-  resolution: "framer-motion@npm:11.18.2"
-  dependencies:
-    motion-dom: "npm:^11.18.1"
-    motion-utils: "npm:^11.18.1"
-    tslib: "npm:^2.4.0"
-  peerDependencies:
-    "@emotion/is-prop-valid": "*"
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  peerDependenciesMeta:
-    "@emotion/is-prop-valid":
-      optional: true
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 10c0/41b1ef1b4e54ea13adaf01d61812a8783d2352f74641c91b50519775704bc6274db6b6863ff494a1f705fa6c6ed8f4df3497292327c906d53ea0129cef3ec361
-  languageName: node
-  linkType: hard
-
 "framer-motion@npm:^12.10.0":
   version: 12.10.0
   resolution: "framer-motion@npm:12.10.0"
@@ -17400,15 +17378,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"motion-dom@npm:^11.18.1":
-  version: 11.18.1
-  resolution: "motion-dom@npm:11.18.1"
-  dependencies:
-    motion-utils: "npm:^11.18.1"
-  checksum: 10c0/98378bdf9d77870829cdf3624c5eff02e48cfa820dfc74450364d7421884700048d60e277bfbf477df33270fbae4c1980e5914586f5b6dff28d4921fdca8ac47
-  languageName: node
-  linkType: hard
-
 "motion-dom@npm:^12.10.0":
   version: 12.10.0
   resolution: "motion-dom@npm:12.10.0"
@@ -17418,13 +17387,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"motion-utils@npm:^11.18.1":
-  version: 11.18.1
-  resolution: "motion-utils@npm:11.18.1"
-  checksum: 10c0/dac083bdeb6e433a277ac4362211b0fdce59ff09d6f7897f0f49d1e3561209c6481f676876daf99a33485054bc7e4b1d1b8d1de16f7b1e5c6f117fe76358ca00
-  languageName: node
-  linkType: hard
-
 "motion-utils@npm:^12.9.4":
   version: 12.9.4
   resolution: "motion-utils@npm:12.9.4"