Update the unit-less property map (#49)

Author: michaeltaranto

.changeset/wicked-carrots-turn.md

@@ -0,0 +1,7 @@
+---
+'@vanilla-extract/css': patch
+---
+
+Update the unit-less property map
+
+The original list was borrowed from the [postcss-js parser](https://github.com/postcss/postcss-js/blob/d5127d4278c133f333f1c66f990f3552a907128e/parser.js#L5), but decided to reverse engineer an updated list from [csstype](https://github.com/frenic/csstype) for more thorough coverage.

packages/css/src/transformCss.ts

@@ -17,26 +17,50 @@ import { validateSelector } from './validateSelector';
 import { forEach, omit, mapKeys, isEqual } from './utils';
 
 const UNITLESS: Record<string, boolean> = {
+  animationIterationCount: true,
+  borderImage: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
   boxFlex: true,
   boxFlexGroup: true,
   columnCount: true,
+  columns: true,
   flex: true,
   flexGrow: true,
-  flexPositive: true,
   flexShrink: true,
-  flexNegative: true,
   fontWeight: true,
+  gridArea: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnStart: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowStart: true,
+  initialLetter: true,
   lineClamp: true,
   lineHeight: true,
+  maxLines: true,
   opacity: true,
   order: true,
   orphans: true,
   tabSize: true,
+  webkitLineClamp: true,
   widows: true,
   zIndex: true,
   zoom: true,
+
+  // svg properties
   fillOpacity: true,
+  floodOpacity: true,
+  maskBorder: true,
+  maskBorderOutset: true,
+  maskBorderSlice: true,
+  maskBorderWidth: true,
+  shapeImageThreshold: true,
+  stopOpacity: true,
   strokeDashoffset: true,
+  strokeMiterlimit: true,
   strokeOpacity: true,
   strokeWidth: true,
 };