следующий шаг выполняется до вызова текущей функции

Question

Ниже мое задание глотка:

var validateCss = require("css-validator");
gulp.task("cssvalid", async function () {
  var files = glob.sync("src/styles/*.css");
  for (var i = 0; i < files.length; i++) {
    var filesource = fs.readFileSync(files[i], "utf8");
    checks(filesource);
  }
});

function checks(filesource) {
  validateCss({ text: filesource, profile: "css3svg" }, function (err, data) {
    if (data.errors.length == 0) {
      console.log("Success: " + files[i]);
      console.log("No errors or warnings\n");
    } else {
      data.errors.forEach(function (error) {
        console.log("Error: " + files[i] + ": line " + error.line);
        console.log(error.message + "\n");
      });
    }
  });
}

Перед тем, как будет вызван обратный вызов моей функции validate Css, он перейдет к следующему for loop, так что он не выдаст css ошибку проверки правильно