export const getPixelHeight = (varname: string) => {
  // Create a temporary element
  const el = document.createElement('div')
  el.style.cssText = `
    position: absolute;
    bottom: 0;
    height: env(${varname});
    visibility: hidden;
  `
  document.body.appendChild(el)

  // Measure the computed pixel value
  const value = parseFloat(getComputedStyle(el).height)
  el.remove()

  return value
}