"gulp-compass" plugin doesn't recognize Compass/Ruby install - Mac OS Monterey 12.3

I have the following gulp task written in my project:

require('es6-promise').polyfill();

var autoprefixer = require('gulp-autoprefixer');
var gulp = require('gulp');
var plumber = require('gulp-plumber');
var compass = require('gulp-compass');
var minifyCss = require('gulp-minify-css');

gulp.task('buildSass', buildSass);
gulp.task('buildSassOnly', buildSassOnly);

function buildSassOnly(done) {
    return gulp.src(require('./sources.json').styles.batch)
      .pipe(plumber({
         errorHandler: function (err) {
             done(err);
         }
      }))
      .pipe(compass({
          css: __dirname + '/../styles',
          sass: __dirname + '/../styles'
      }))
      .pipe(autoprefixer({
         cascade: false
      }))
      .pipe(minifyCss())
      .pipe(gulp.dest('./Web/styles'))
      .on('end', done);
};

function buildSass(done) {
    return buildSassOnly(done);
}

When I try to run it, it errors out with the message Error in plugin 'gulp-compass' Message: You need to have Ruby and Compass installed and in your system PATH for this task to work.

command gem list shows the following:

compass (1.1.0.alpha.3, 1.0.3)
compass-core (1.1.0.alpha.3, 1.0.3)
compass-import-once (1.0.5)

command which -a gem shows the following: /opt/homebrew/opt/ruby/bin/gem /usr/bin/gem

command echo $PATH shows the following:

any idea what is happening here?