Why don't you use CSS Custom Properties (variables)? Something like this:

    #outer {
      container: outer / size;
      --outer-width: 100%;
    }

    @container outer (min-width: 100px) {
      #content {
        width: calc(var(--outer-width) * 0.4);
      }
    }