Add support for CSS variables

Currently it is not possible to use CSS variables for the Gap value. This would be helpful, to align the gaps with the rest of the layout.

Current output

gap: var&#40;--base-grid--gap&#41;;

Expected

gap: var(--base-grid--gap);