fix: only transition box shadow

next-env.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

src/app/page.css.ts

@@ -17,7 +17,7 @@ export const tool = style({
   padding: 16,
   gap: 4,
   boxShadow: 'inset 0 -192px 128px -128px black',
-  transitionDuration: theme.durations.regular,
+  transition: `box-shadow ${theme.durations.regular}`,
 
   ':hover': {
     boxShadow: 'inset 0 -128px 128px -128px black',