New Post: Errors using Sass CSS package

Hi,
I installed the Sass CSS package from Composite into a CompositeC1 5.0 site I created using the Barebones template. I am trying to use this with ZURB Foundation (version 6.2.1) front end framework (instead of Bootstrap) so I created a simple page and included the style.scss Sass stylesheet in my header and ran the site. I am getting a number of errors when the package is compiling the .scss files. One example is when compiling this piece of code -- it throws this error: "41:error: error reading values after top"

@function get-side($val, $side) {
  $length: length($val);

  @if $length == 1 {
    @return $val;
  }
  @if $length == 2 {
    @return map-get((
      top: nth($val, 1),
      bottom: nth($val, 1),
      left: nth($val, 2),
      right: nth($val, 2),
    ), $side);
  }
}

I also had a similar error in the Font-awesome.scss file reading from the _mixins.scss file
-- "error reading values after progid":

@mixin fa-icon-rotate($degrees, $rotation) {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
  -webkit-transform: rotate($degrees);
      -ms-transform: rotate($degrees);
          transform: rotate($degrees);
}

Do you have any idea how to get this package working? I know I can compile the sass manually and then link to the generated css files in my layouts but I want to use this in a production environment so the ability to make changes on the fly and have the Sass CSS package compile those changes on the fly is the ideal scenario I am hoping to achieve.