app.scss

@import "foundation";
@include foundation-global-styles;
@include foundation-grid;
@include foundation-typography;

gulpfile.js

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');
var haml = require('gulp-haml');
var clean = require('gulp-clean');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('clean', function () {
    return gulp.src('dist/*', {read: false})
        .pipe(clean());
});

gulp.task('styles', function () {
    gulp.src('./scss/**/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: ['./node_modules/foundation-sites/scss/']
        }).on('error', sass.logError))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./dist/'));
});

gulp.task('styles:watch', function () {
    gulp.watch('./scss/**/*.scss', ['styles']);
});

gulp.task('html', function () {
    gulp.src('./haml/*.haml')
        .pipe(haml())
        .pipe(gulp.dest('./dist'));
});

package.json

{
  "name": "scssmixins",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "foundation-sites": "^6.1.2",
    "gulp": "^3.9.0",
    "gulp-haml": "^0.1.6",
    "gulp-sass": "^2.1.1",
    "gulp-sourcemaps": "^1.6.0"
  },
  "devDependencies": {
    "gulp-clean": "^0.3.1"
  }
}