test: max-w-... look into width instead on maxWidth in theme in safari

related to tw-in-js#185

src/__tests__/api.json

@@ -397,6 +397,8 @@
   "max-w-none": ".max-w-none{max-width:none}",
   "max-w-full": ".max-w-full{max-width:100%}",
   "max-w-xs": ".max-w-xs{max-width:20rem}",
+  "max-w-xl": ".max-w-xl{max-width:36rem}",
+  "max-w-large": ".max-w-large{max-width:123rem}",
   "max-w-screen-sm": ".max-w-screen-sm{max-width:640px}",
   "max-h-full": ".max-h-full{max-height:100%}",
   "max-h-screen": ".max-h-screen{max-height:100vh}",

src/__tests__/api.test.ts

@@ -58,6 +58,9 @@ test.before((context) => {
         gridAutoRows: {
           '2fr': 'minmax(0,2fr)',
         },
+        maxWidth: {
+          large: '123rem',
+        },
       },
     },
   })
@@ -985,4 +988,12 @@ test('using interpolated arbitrary value', ({ tw, sheet }) => {
   assert.equal(sheet.target, ['.p-\\[3px\\]{padding:3px}'])
 })
 
+test('#185 - max-w-... look into width instead on maxWidth in theme in safari', ({tw, sheet}) => {
+  assert.throws(() => {
+    tw('w-xl')
+  }, /\{"key":"width\.xl"\}/)
+
+  assert.equal(sheet.target, [])
+})
+
 test.run()