How can I create a mask to display prices with + or - before the currency symbol (-$150, for example)?

[gCardinal]

I have a mask that does mostly what I'm looking for, but it allows $-150 which is not exactly what I'm trying to do.

{
  blocks: {
    d: {
      mask: [
        {
          mask: '$d',
          blocks: {
            d: {
              mask: Number,
              thousandsSeparator: ',',
            },
          },
        },
        {
          mask: '+$d',
          blocks: {
            d: {
              mask: Number,
              thousandsSeparator: ',',
            },
          },
        },
      ],
      dispatch: (_, dynamicMasked) => {
        if (
          Math.sign(parseInt(dynamicMasked.unmaskedValue)) >= 0 ||
          dynamicMasked.value === '+-'
        ) {
          return dynamicMasked.compiledMasks[1];
        }

        return dynamicMasked.compiledMasks[0];
      },
    },
  },
  mask: 'd',
  lazy: false,
  placeholderChar: '',
}

I can easily do masks that will allow the symbol to be typed, but I want to force the symbol so when a user types 100 the input displays +$100 and when the user types -100 the input displays -$100.

I guess if there's a way to simplify my mask at the same time, I'd welcome any pointers :)