Setting blockGap in block.json doesn't render the actual spacing

Issue

When setting blockGap to true it doesn't seem to do anything in the front-end for ACF custom blocks.
The gap does not seem to change or do anything.

block.json configuration:

...

"supports": {
    "spacing": {
      "padding": true,
      "margin": true,
      "blockGap": true
    },
}

...

Expected behavior

A CSS style should be added to the block when you change the blockGap.
Below is an example when blockGap is being used on a native block.

This is the style that gets added to the block:

.editor-styles-wrapper .wp-container-11.wp-container-11 {
  gap: var(--wp--preset--spacing--40);
}

Start by reproducing an ACF custom block using the shown block.json spacing supports and compare its front-end output with the native block example. Trace how blockGap is converted into a CSS style, then verify that changing blockGap produces a gap style on the rendered block.