feat: add custom inset tailwind utilities

tailwind.config.js

@@ -9,9 +9,23 @@ module.exports = {
     preflight: false,
   },
   plugins: [
-    plugin(function ({ addVariant }) {
+    plugin(function ({ addVariant, addUtilities }) {
       addVariant('hocus', ['&:hover', '&:focus-visible'])
       addVariant('group-hocus', ':merge(.group):is(:hover, :focus-visible) &')
+      addUtilities({
+        '.inset-y-center': {
+          'inset-block': 0,
+          'margin-block': 'auto',
+        },
+        '.inset-x-center': {
+          'inset-inline': 0,
+          'margin-inline': 'auto',
+        },
+        '.inset-center': {
+          inset: 0,
+          margin: 'auto',
+        },
+      })
     }),
   ],
   theme: {