diff --git a/tailwind.config.js b/tailwind.config.ts
similarity index 85%
rename from tailwind.config.js
rename to tailwind.config.ts
index 6a8913c..6b714bc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.ts
@@ -6,20 +6,16 @@
  * Copyright Oxide Computer Company
  */
 
-// @ts-check
-
-/** @type {import('tailwindcss/lib/util/createPlugin').default} */
-// @ts-ignore
-const plugin = require('tailwindcss/plugin')
-const {
-  textUtilities,
-  colorUtilities,
+import {
   borderRadiusTokens,
+  colorUtilities,
   elevationUtilities,
-} = require('@oxide/design-system/styles/dist/tailwind-tokens')
+  textUtilities,
+} from '@oxide/design-system/styles/dist/tailwind-tokens'
+import { type Config } from 'tailwindcss'
+import plugin from 'tailwindcss/plugin'
 
-/** @type {import('tailwindcss/tailwind-config').TailwindConfig} */
-module.exports = {
+export default {
   corePlugins: {
     fontFamily: false,
     fontSize: true,
@@ -85,4 +81,4 @@ module.exports = {
       translate: ['group-hover'],
     },
   },
-}
+} satisfies Config