How to use the bpk-tokens/tokens/base.es6.spacingSm function in bpk-tokens

(min-width: ${BREAKPOINTS.breakpointTablet}) calc(100vw - 18rem),
          calc(100vw - 4.5rem)`}
      />,
    ],
  },
  {
    id: 'background-image',
    title: 'As a background image',
    blurb:
      'Use the background image component when you want the image to be the background of an element, with inner content.',
    examples: [
      
        <div style="{{">
          
            I'm text overlaid on an image!
          
        </div>
      ,
    ],
  },
];

const WebImagesPage = ({ ...rest }) =&gt; (

calc(100vw - 4.5rem)`}
      />,
    ],
  },
  {
    id: 'background-image',
    title: 'As a background image',
    blurb:
      'Use the background image component when you want the image to be the background of an element, with inner content.',
    examples: [
      
        <div style="{{">
          
            I'm text overlaid on an image!
          
        </div>
      ,
    ],
  },
];

const WebImagesPage = ({ ...rest }) =&gt; (