fix: unwanted (min-)height: 1px (#6)

- treat `-webkit-fill-available` correctly
- reorder declarations

Author: mgn901

index.js

@@ -87,7 +87,9 @@ const safeArea = plugin(({addUtilities, matchUtilities, theme}) => {
 			accu[`${className}-offset`] = (x) =>
 				Object.entries(propertyValue).reduce((accu, [property, value]) => {
 					if (Array.isArray(value)) {
-						accu[property] = value.map((v, i) => (i ? i : `calc(${v} + ${x})`))
+						accu[property] = value.map((v) =>
+							v === '-webkit-fill-available' ? v : `calc(${v} + ${x})`
+						)
 					} else {
 						accu[property] = `calc(${value} + ${x})`
 					}
@@ -108,7 +110,9 @@ const safeArea = plugin(({addUtilities, matchUtilities, theme}) => {
 			accu[`${className}-or`] = (x) =>
 				Object.entries(propertyValue).reduce((accu, [property, value]) => {
 					if (Array.isArray(value)) {
-						accu[property] = value.map((v, i) => (i ? i : `max(${v}, ${x})`))
+						accu[property] = value.map((v, i) =>
+							v === '-webkit-fill-available' ? v : `max(${v}, ${x})`
+						)
 					} else {
 						accu[property] = `max(${value}, ${x})`
 					}