fix(ie11): add ie11 to autoprefixer, add grid: autoplace (#8215)

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

Author: tw15egan

packages/components/gulpfile.js

@@ -360,7 +360,8 @@ const buildStyles = (prod) => {
       .pipe(
         postcss([
           autoprefixer({
-            browsers: ['> 1%', 'last 2 versions'],
+            browsers: ['> 1%', 'last 2 versions', 'ie >= 11'],
+            grid: 'autoplace',
           }),
         ])
       )
@@ -417,7 +418,15 @@ gulp.task('sass:dev', () => {
         })
       ).on('error', sass.logError)
     )
-    .pipe(postcss([customProperties(), autoprefixer()]))
+    .pipe(
+      postcss([
+        customProperties(),
+        autoprefixer({
+          browsers: ['> 1%', 'last 2 versions', 'ie >= 11'],
+          grid: 'autoplace',
+        }),
+      ])
+    )
     .pipe(sourcemaps.write('.'))
     .pipe(gulp.dest('demo'))
     .pipe(browserSync.stream({ match: '**/*.css' }));